/* This is the Main template logo, Edit this to match the width and height of your new logo image */ #logo {width: 261px;height: 54px;} /* Font Family Settings */ #ff-affinity, a.affinity, #ff-affinity .componentheading {font-family: Tahoma, Arial,Helvetica,sans-serif;} #ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;} #ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;} #ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;} #ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;} #ff-georgia, a.georgia {font-family: Georgia, sans-serif;} #ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;} #ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;} input { font-family:Helvetica,Arial,sans-serif;} /* Core Formatting */ html {height: 100%;margin-bottom: 1px;} body {margin: 0;line-height: 135%;} form {margin: 0;padding: 0;} body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;} body, body.f-default {font-size: 12px;} body#ff-optima, body#ff-optima.f-default {font-size: 13px;} body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;} body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;} p {margin-top: 10px;margin-bottom: 15px;} h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;} h1 {font-size: 210%;line-height: 100%;} h2 {font-size: 190%;line-height: 100%;} h3 {font-size: 175%;} h4 {font-size: 120%;line-height: 130%;} h5 {font-size: 120%;text-transform: uppercase;} a {text-decoration: none;} a:hover {text-decoration: underline;} .clr {clear: both;} .rokradios, .rokchecks {padding: 2px 22px 0 5px /*inter*/;line-height: 100%;} /* Top Bar */ .top-bar-padding {padding: 6px 20px;overflow: hidden; font-size: 95%; /*added font size*/} #top-bar h3 {padding: 0;margin-bottom: 15px;} .date-block {width: 250px;font-weight: bold;float: right /*was left */; text-align: right; /*added alig.*/} #lock-button {height: 16px;float: left /*was right */;text-align: right /*was left */;line-height: 16px;position: relative;} #lock-button #lock-icon {width: 14px;height: 16px;position: absolute;top: 0;left: 100% /*was 0 */;display: block;padding: 0;margin: 0; } #lock-button span {font-size: 12px /*was 13px*/;padding-right: /*was left */ 20px;margin: 0;font-weight: bold;} #lock-button:hover {text-decoration: none;} #accessibility {height: 16px;float: left /*was right */;margin-right: /*was left */ 10px;width: 110px;} .textsizer-desc {display: block;float: left /*was right */;text-align: left /*was right */;font-size: 12px ;margin-left: /*was right */ 6px;font-weight: bold;line-height: 16px;} #accessibility a {text-decoration: none; cursor: pointer;} #accessibility #buttons {float: left /*was right */;width: 36px;height:15px;overflow:hidden;} #accessibility .button {display: block;float: left /*was right */;width: 15px;height: 15px;} #accessibility a.small .button {margin-left: /*was right */ 4px;} .topbar-strip {overflow: hidden;padding-bottom: 2px;} .topbar-left-mod {float: right /*was left */;width: 48%;padding: 15px 0;} .topbar-right-mod {float: left /*was right */;width: 48%;padding: 15px 0;text-align: left /*was right */;} /* Header */ #logo {float: right /*was left */;position: relative;margin-right: /*was left */ 15px;} .logo-text {position: absolute;left: 72px;top: 50px;font-size: 16px;} #logo:hover {text-decoration: none;} #header-overlay {padding: 15px 0 10px 0;overflow: hidden;} .searchmod-top {height: 12px;width: 250px;} .searchmod-main {overflow: hidden;padding: 0 10px 10px 10px;} #searchmod-surround .rokradios {margin-top: 2px;} #searchmod-surround h3 {font-size: 12px;color: #fff;margin: 0;padding: 0 6px 6px 0 /*inter*/;} #searchmod-surround {float: left/*was right*/;margin-left: /*was right*/ 15px;} #searchmod {width: 230px;} #searchmod .inputbox {background: none;border: 0;padding: 4px 5px 4px 0 /*inter*/;font-size: 13px;line-height: 20px;width: 223px;height:18px; text-align: right; } #searchmod .search_options {padding-top: 6px;padding-right: /*was left */ 4px;} /* Layout Structure */ #maincol {position: relative;} #rightcol {position: relative;float: left;} .rightcol-padding {padding: 0 5px;} #page-bg2 {overflow:hidden;} .wrapper {position:relative;} .row-handle {position: absolute;width: 53px;height: 89px;top: 20px;right: -44px;cursor: pointer;} #section-row1, #section-row2, #section-row3, #section-row4, #section-row5 {position: relative;clear:both;padding-top: 5px;padding-bottom: 5px;} #section-row3-inner {overflow: hidden;margin: 0 -5px;} #inset-block-right {float: right;z-index: 1;position: relative;background-position: 0 0;background-repeat: repeat-y;} #inset-block-right .right-padding {padding-left: 20px;} #inset-block-left {float: left;z-index: 1;position: relative;background-position: 100% 0;background-repeat: repeat-y;} #inset-block-left .left-padding {padding-right: 20px;} #inset-block-left h3, #inset-block-right h3 {margin-top: 0;} #inset-block-left .module, #inset-block-right .module {background: none;} #inset-block-left .module-handle, #inset-block-right .module-handle {background: url(../images/white-move-handle.png) 0 /*was 100% */ 100% no-repeat;} table.mainbody, table.blog {width: 100%;border: 0;padding: 0;} .spacer .block {float: left;position: relative;} .drophere {border: 5px dashed #ccc;background: #fff url(../images/drophere.png) center center no-repeat;} /* Showcase */ #showcase {margin: 0 15px;} #showcase2 {margin-left: -15px;} #showcase3 {margin-right: -15px;} .showcase-inner {padding: 0 5px 8px 5px;} #showcase-surround {margin: 0 -15px;} /* Main Content */ #main-body-surround {margin: 0 -5px;} #main-body.spacing {padding: 0 5px;} .body-surround-top {margin: 0 16px;} .body-surround-top2 {margin-left: -16px;} .body-surround-top3 {margin-right: -16px;height: 16px;} .body-surround {margin: 0 16px;} .body-surround2 {margin-left: -16px;} .body-surround3 {margin-right: -16px;padding: 0 15px;overflow: hidden;min-height:70px;} .body-surround-bottom {margin: 0 16px;} .body-surround-bottom2 {margin-left: -16px;} .body-surround-bottom3 {margin-right: -16px;height: 16px;} .mainbody-surround {padding: 15px;overflow: hidden;margin-top: 4px;position: relative;} .mainbody-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;} .mainbody-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;} .mainbody-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;} .mainbody-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;} #main-body {position: relative;} #vertical-sort {padding: 0 15px;} /* Side Column Modules */ .side-mod h3 {margin: 0;font-size: 130%;line-height: 20px;padding: 5px 15px 8px 0 /*inter*/;} .side-mod {margin-bottom: 10px;} #inset-block-left .side-mod, #inset-block-right .side-mod {margin-bottom: 0;} .side-mod .module {padding: 15px;margin-bottom: 10px;} #leftcol .side-mod .module {padding: 15px 5px;} .advertisement .module-header, .advertisement .module-header2, .advertisement h3.module-title {background: none;margin: 0;} .advertisement .side-mod h3.module-title {text-align: center;padding: 2px;margin: 0;font-size: 10px;} h3.module-title {font-family: Arial, Tahoma; font-weight: 200; /*added line */} #rightcol .advertisement .side-mod .module {padding: 0 0 0 5px;} #leftcol .advertisement .side-mod .module {padding: 0 5px 0 0;} #rightcol .module {padding: 15px 0;} /* Main Modules */ .moduletable {padding: 0;margin-bottom: 15px;} .moduletable h3 {padding: 5px 10px;} .move-handle {width: 17px;height: 17px;position: absolute;right: 10px;top: 8px;cursor: pointer;} #main-body-surround .move-handle {right: 15px;} .module-handle {cursor: pointer;position: absolute;width: 15px;height: 15px;top: 7px !important;left: 8px /*was right*/ !important;} #mainmodules {margin: 0 -10px 0 -10px;} #mainmodules3 {margin-top: 15px;} #mainmodules4, #mainmodules5 {margin: 0 -10px;} #bottommodules .moduletable, #mainmodules2 .moduletable, #mainmodules3 .moduletable {padding: 0 10px;} .moduletable h3 {margin-top: 0;font-size: 140%;} #inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;} #main-body-surround, #showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5, #bottommodules {overflow: hidden;position: relative;} #bottommodules h3 {padding-right: /*was left */ 0;} #mainmodules .block, #mainmodules4 .block, #mainmodules5 .block, #showmodules .block {margin: 0 5px;} .spacer.w99 .block {width: 99.8%;} .spacer.w49 .block {width: 49.8%;} .spacer.w33 .block {width: 33.3%;} #mainmodules3 h3 {margin-top: 0;} #bottom-main, #bottom-main2 {position: relative;} h3.main-modules {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;text-align: center;margin-bottom: 10px;} .hilite2 .module-header, .hilite2 .module-header2, .hilite2 .module-header3 {background: none;} .module-header3 {position: relative;} #page-bg .block.full .moduletable, #page-bg .block.full .module {padding: 0;} /* RokAjaxSearch */ #roksearch_search_str {width: 150px;} #roksearch_search_str.loading {width: 197px;padding-left: /*was right */22px;background: transparent url(../images/spinner.gif) no-repeat scroll 0 /*was 100%*/ 50%} #roksearch_results {z-index: 10000;position: absolute;width: 365px;float: left /*was right */;margin-top: 6px;text-align: right /*was left*/;visibility: hidden;} #roksearch_results a#roksearch_link {float: left /*was right */;margin-left: /*was right */ 5px;margin-top: 10px;display: block;height: 10px;width: 10px;} #roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;} #roksearch_results span {display: block;line-height: 130%;font-size: 90%;} #roksearch_results .container-wrapper {overflow: hidden;} #roksearch_results .roksearch_wrapper3 {padding: 0 8px;} #roksearch_results .page {float: left;} #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 10px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;} #roksearch_results .roksearch_row_btm {padding-bottom: 16px;} #roksearch_results .roksearch_row_btm {overflow: hidden;border-bottom: 0;} #roksearch_results .roksearch_row_btm span {line-height: 140%;} #roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: left /*was right */;font-size: 80%;font-weight: normal;} #roksearch_results span.highlight {display: inline;} #roksearch_results a.clr {font-size: 100%;} #roksearch_results a:hover {text-decoration: none;} #roksearch_results .roksearch_odd {padding: 10px;position: relative;} #roksearch_results .roksearch_even {padding: 10px;position: relative;} #roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-right: /*was left*/ 10px;} .results ol.list {padding-right: /*was left*/ 30px;margin-top: 0;} .results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;} .results ol.list li {padding: 10px 5px;margin-bottom: 5px;} .results ol.list li p {margin-top: 0;} #roksearch_results .container-arrows {height: 12px;width: 30px;float: right /*was left */;margin-left: /*was right */ 5px;position: relative;} #roksearch_results .arrow-left {width: 12px;height: 12px;position: absolute;top: 0;left: 100% /*was 0 */;cursor: pointer;} #roksearch_results .arrow-left-disabled {width: 12px;height: 12px;position: absolute;top: 0;left: 100% /*was 0*/;} #roksearch_results .arrow-right {width: 12px;height: 12px;position: absolute;top: 0;right: /*was left*/ 18px;cursor: pointer;} #roksearch_results .arrow-right-disabled {width: 12px;height: 12px;position: absolute;top: 0;right: /*was left*/ 18px;} fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 1px solid #ccc;} .search_result fieldset label {line-height:170%;} #roksearch_results .viewall span {line-height: 100%;} #roksearch_results a.viewall {float: right /*was left */;margin-left: /*was right */ 5px;} #roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;text-transform: none;float:right /*was left */;} #roksearch_results .pagination_res {font-style: normal;float: left /*was right */;font-size: 11px;margin-top: -1px;} #roksearch_results .powered-by-google {text-transform: lowercase;font-style: italic;font-size: 9px;} #roksearch_results .google-search-web .roksearch_odd, #roksearch_results .google-search-web .roksearch_even {height: 110px;} #roksearch_results .google-search-images .roksearch_odd, #roksearch_results .google-search-images .roksearch_even {height: auto !important;} form.search_result input.button {border: 0;background: none;cursor: pointer;line-height:18px;height:30px;} form.josForm input.button {padding-top: 8px;line-height: 10px;} form.search_result fieldset {padding: 15px 0;} .search-results-full .readon-wrap1 {margin-top: 0;} form.search_result input#search_searchword.inputbox {width: 220px;height: 20px;border: 0;margin-right: /*was left */ 5px;padding-right: /*was left */ 5px;font-size: 110%;padding-top: 4px;line-height: 10px;} form.search_result fieldset.word {margin-top: 0;} form.search_result fieldset.word label {font-size: 120%;display: inline-block;height: 26px;} .search-results-full h3 {margin-top: 10px;padding: 0;margin-bottom: 0;font-size: 130%;} .search-results-full .results ol.list li p {color: #888;} form.search_result .display {float: right /*was left */;margin-right: /*was left */ 20px;height: 20px;margin-top: 5px;} /* Google */ #roksearch_results .youtube {background: url(../../../modules/mod_rokajaxsearch/images/youtube.jpg) left /*was right */ center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;} #roksearch_results .google {background: url(../../../modules/mod_rokajaxsearch/images/google.jpg) left /* was right*/ center no-repeat; height: 16px; line-height: 16px;display: block;padding-left: /*was right */ 22px;} #roksearch_results .google-thumb-image {margin: 10px auto;} #roksearch_results .google-search-videos .google-thumb-image, #roksearch_results .google-search-videos .google-thumb-image img {width: 160px !important; height: 120px !important;} /* Top Main Menu */ #horiz-menu3 {padding: 0 20px;height: 45px;display: block;} ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: right /*was left */;cursor:pointer; } #horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 45px;line-height: 38px;} #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;} #horiz-menu .link {white-space: nowrap;display: block;float: right /*was left */;height: 45px;line-height: 45px;font-weight: normal;font-size: 13px /*was 14px*/;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;} #horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;} #horiz-menu ul {list-style: none;padding: 0;margin: 0;} #horiz-menu li {display: block;float: right /*was left */;margin: 0;padding: 0;font-weight: bold;} #horiz-menu li .link span {display: block;padding: 0 20px 0 10px /*inter*/;height: 45px;} #horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;} /* Top Main Menu Dropdowns */ #horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;} #horiz-menu li li {margin: 0;} #horiz-menu li li .link {text-indent: 22px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;} #horiz-menu li li .link span {display: block;padding: 0;margin-right: /*was left */ 0;} #horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;} .menutop li:hover ul, .menutop li.sfHover ul {left: 3px;top:15px; } .menutop li:hover ul.columns-1, .menutop li.sfHover ul.columns1 {left: 0 ; } #horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: right /*was left */;width: 173px;padding: 0; direction: rtl; margin-left: -22px; /*added*/ margin-right: 22px; /*added padding-right */} #horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;} #horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;} #horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;} #horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;} .menutop .drop1, .menutop .drop2, .menutop .drop3 {height: 15px;} #horiz-menu .sfHover {z-index: 700;} .menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;} .menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: 100% /*was 0 */; margin-left: /*added */ -370px; top:33px;} .menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;} .menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {right: 165px /*was left */; top: -15px !important;} .menutop .submenu-animation-left, .menutop .submenu-animation-right {height: 100%;} #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;} /* Main Body Items */ #breadcrumbs3 {margin: 0 0 10px 0;display: block;position:relative;overflow: hidden;height: 30px;} #breadcrumbs-home {width: 24px;height: 24px;display: block;float: right /*was left */;margin-right: /*was left */ 4px;margin-top: 4px;} #breadcrumbs h3 {display: none;} #breadcrumbs .spinner {float:left /*was right */;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: /*was left*/ 10px;top: 10px;position: absolute;} span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;} span.breadcrumbs img {width: 10px;height: 30px;float: right /*was left */;} span.breadcrumbs a, span.no-link {padding: 0 8px;float: right /*was left*/;display: block;height: 30px;line-height: 32px;} span.breadcrumbs span.no-link {font-weight: normal;} span.breadcrumbs a:hover {text-decoration: none;} .contentheading {font-size: 190%;font-weight: bold /*was normal*/;line-height: 140%;margin: 0 0 15px 0;padding: 0; font-family: "Traditional Arabic", Arial; /*added fmaily*/} p.buttonheading {float: left /*was right */;margin: 0 15px 0 0 /*inter*/ ;} .article-info-surround2 {padding: 10px 14px;margin-bottom: 15px;} p.articleinfo, p.iteminfo {margin: 0;font-style: italic;font-size: 10px;line-height: 130%;} span.modifydate, span.createdby, span.createdate {display: block;} p.counter {text-indent: 2px;font-weight: bold;} div.pagination {height: 24px;line-height: 24px;margin-top: 10px;margin-bottom: 15px;} div.pagination div.tab {float: left;margin-right: 6px;} div.pagination div.tab2 {padding: 0 10px;} div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;} .cols1 {display: block;float: none;margin: 0;} .cols2 {width: 49%;} .cols3 {width: 30%;} .column1, .column2 {margin: 0 5px 0 0;position: relative;} .column2, .column1 {float: left;margin: 0;} .column2 {float: right;margin: 0;width: 49%;} .article_row {margin: 0 -15px;padding: 0 15px;overflow: hidden;} *+html .article_row {zoom: 1;} .blog_more {padding-top: 15px;padding-bottom: 5px;} #page {padding-bottom: 15px;} .componentheading {margin: 0 0 15px 0;font-size: 170%;line-height: 130%;padding: 0 20px 0 0 /*inter*/;} /* Extra Joomla Elements */ span.small, td.createdate, td.modifydate {font-size: 90%;} table.blog td.createdate {padding-bottom: 5px;} table.blog td.modifydate {padding-top: 10px;} .sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: right /*was left */;} .sectiontablefooter {padding-bottom: 8px;} tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: right /*was left */;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;} tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;} tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;} .contentpane, .contentpaneopen {width: 100%;} .module fieldset {border: 0;} .module h4 {margin-top: 0;} table.contenttoc {float: left /*was right */;margin-right: /*was left */ 25px;} .weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;} .weblinks img {margin-left: /*was right */ 12px;margin-right: /*was left */ 0;} form#login.form-login .contentdescription img {margin: 0;float: none;} .contact_email label {margin-bottom: 5px;display: block;} .contact_email input.button {border: 0;background: none;height: 22px;padding-top: 7px;line-height: 16px;} .contact_email .readon-wrap1 {margin-top: 0;} .contact_email .inputbox {width: 215px;height: 20px;border: 0;padding-right: /*was left */ 5px;font-size: 110%;padding-top: 4px;line-height: 10px;} .contact_email #contact_text.inputbox {width: 290px;height: 200px;background: none;border: 1px solid #ddd;padding: 5px;font-size: 12px;line-height: 140%;} .contact-name {font-weight: bold;font-size: 140%;display: block;padding: 0;} .contact-position {display: block;padding-bottom: 15px;} .intro-article-content .article_separator { display: none; } .contact .icon { float: right /*was left */; width: 40px;} .contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address { overflow: hidden;} .contact .other .surround { margin-top: 5px;} .contact .vcard {margin-top: 15px;} .weblinks img { float: right /*was left */; } /* Side Menus */ #main-body-surround #leftcol ul.menu {margin: 0;padding: 0;} #main-body-surround #rightcol ul.menu {margin: 0;padding: 0;} #main-body-surround ul.menu li {list-style: none;margin: 0;padding: 2px 0;float: none;} #main-body-surround ul.menu a:hover {text-decoration: none;} #main-body-surround ul.menu span {display: block;} #main-body-surround ul.menu ul li a {padding: 0;margin-bottom: 10px;} #main-body-surround ul.menu ul li span.separator {padding-right: /*was left */ 20px !important;} #main-body-surround ul.menu ul li ul li ul li a, #main-body-surround ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;} #main-body-surround ul.menu li.active.parent li span, #main-body-surround ul.menu li.parent li span {padding-right: /*was left*/ 14px;line-height: 140%;} #main-body-surround ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;} #main-body-surround ul.menu a, #main-body-surround ul.menu .separator {padding: 6px 22px 6px 10px /*inter*/;} #main-body-surround ul.menu li.active.parent li span.separator, #main-body-surround ul.menu li.parent li span.separator {background: none;} #main-body-surround ul.menu li.active a, #main-body-surround ul.menu li.active li.active a, #main-body-surround ul.menu li.active li.active li.active a, #main-body-surround ul.menu li.active .separator, #main-body-surround ul.menu li.active li.active .separator {font-weight: bold;} #main-body-surround ul.menu li.active li a, #main-body-surround ul.menu li.active li.active li a, #main-body-surround ul.menu li.active li .separator, #main-body-surround ul.menu li.active li.active li .separator, #main-body-surround ul.menu li.active li.active li.active .separator {font-weight: normal;} #main-body-surround ul.menu li li {padding: 0;margin: 0;background: none;font-size: 10px;} #main-body-surround ul.menu li li a span, #main-body-surround ul.menu li li .separator span {padding: 0;} #main-body-surround ul.menu li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul li.active.parent ul {margin: 0;padding: 5px 20px 5px 0px /*inter*/;} #main-body-surround ul.menu li.active ul span.separator {background: none;} #main-body-surround ul.menu li.active li li, #main-body-surround ul.menu li:hover li li {background: none;} /* Extra Content Styles */ a.nounder {text-decoration: none;border: 0;cursor: pointer;} a.nounder:hover {text-decoration: none;} fieldset {margin:10px 0 20px 0; border:0;} fieldset.input, a img, body .pollstableborder {border: 0;} form.form-login fieldset.input {padding: 0;} legend {font-size:120%;padding:0 0 10px 0;margin:0;color:#333;text-indent:0;} form.poll fieldset {margin: 0 0 10px 0;padding: 0;} h4.poll-title {margin: 0 0 10px 0;padding: 0;font-size: 120%;} .poll-line {padding: 7px 5px 9px 15px;font-size: 110%; } .poll-buttons {padding: 0 15px;overflow: hidden;width: 140px;margin: 0 auto; } form.poll input.button, input#submit.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 18px;height: 30px;float: left;} form.poll fieldset div.poll-line label {padding-right: 25px;} /*added line */ .vote-button-wrap .readon-wrap1 {margin-right: /*was left */ 15px;} form.poll a.results:hover {text-decoration: none;} img.content-left {float: left;margin-right: 10px;padding: 5px;} img.content-right {float: right;margin-left: 10px;padding: 5px;} .back_button {margin-top: 20px;margin-bottom: 10px;} .tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;width:300px;} .bannergroup .clr {clear: none !important;} dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;} dl.poll dd {padding:6px 0;margin-left: 0;} .polls_color_1 {background:#000;} .polls_color_2 {background:#999;} .polls_color_3 {background:#93246F;} .polls_color_4 {background:#000;} .polls_color_5 {background:#ccc;} .polls_color_6 {background:#93246F;} #main-content .poll {padding-top: 15px;} .blog_more h2, .newsfeeds-default .article-info-surround h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 110%;font-weight: bold;} .newsfeeds-default .article-info-surround {margin-top: 10px;} ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav {margin: 0;padding: 0;} ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-right: /*was left */ 5px;} ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {font-weight: bold;font-size: 110%;display: block;padding-right: /*was left */ 12px;} .bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;} .bannergroup_text .banneritem_text {margin-bottom: 15px;} .bannergroup_text .banneritem_text a {font-weight: bold;} /* Form overrides */ #main-content form.editor {padding:0;margin:0;} #main-content form.editor {color:#333;} #main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;} #main-content form.editor fieldset a {color: #00c;} #main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;} #main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;} #main-content form.editor label {display:block;width: 120px;float:left;} #main-content form.editor div.radio label {display:inline;width:auto;float:none;} /* Login Styles */ form.form-login p {margin: 0; direction: rtl;} form.search_result input#search_searchword.inputbox, form.form-login .inputbox, form.josForm input#email, .input-surround .inputbox {width: 96%;height: 22px;border: 0;padding-right: /*was left */ 10px;font-size: 16px;padding-top: 7px;line-height: 10px;} form.search_result input#search_searchword.inputbox {margin-left: 0;} form.search_result .input-field-l, form.josForm .input-field-l, .input-surround .input-field-l {width: 300px;} form.josForm .input-field-l, .input-surround .input-field-l {float: left;} form.form-login .input-field-l, .input-surround .input-field-l {margin-bottom: 5px;} form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;} form.form-login .login-links a {padding-right: /*was left */ 12px;font-size: 110%;} form.form-login input.button, form.log input.button {border: 0;background: none;height: 30px;} form.log .readon-wrap1 {margin-top: 5px;} input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;} .readon1-r input.button, .readon1-r button {color: #fff;} form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-right: /*was left */ 2px;} .register-page input.button, form.josForm input.validate {background: none;border: 0;} .register-page input.button {padding-top: 7px;height: 22px;line-height: 16px;} form#josForm.form-validate.user, .edit-user-form {float: right;overflow: hidden;padding-bottom: 15px;} .edit-user-form {padding-top: 15px;} .register-page label {display: block;} .register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;} div.user_name {margin-bottom: 10px;} div.user_name span {font-weight: bold;font-size: 110%;} .user-params {margin-bottom: 20px;} .user-params td.paramlist_key {width: auto;} .edit-user-button {margin: 0 auto;width: 80px;} #login-module {display: none;padding: 0 5px 10px 5px;} #login-module h3 {margin: 0 0 15px 0;padding: 0 22px 0 0 /*inter*/;font-weight: bold;line-height: 150%; text-align: right; /*added align */font-family: Arial, Helvetica, sans-serif;} #login-module form.form-login, #login-module form.log {margin: 0;background:none;border:0;} #login-module .sidemod-title {border:0;} #login-module form.form-login .inputbox {border: 0;} #login-module input.button {background: none;border: 0;height: 30px;} .remember-me {margin-top: 15px;margin-bottom: 5px;font-size: 110%;} #login-module .readon-wrap1, form.form-login .readon-wrap1 {margin-top: 5px;} a#rokbox-close {height: 22px;width: 22px;float: left /*was right */;} form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px} .name, .pass {width: 300px;} .input-surround .input-field-l {background: url(../images/input-field-r.png) 100% -90px no-repeat;} .input-surround .inputbox {background: url(../images/input-field-l.png) 0 -90px no-repeat;color: #41423D;} .readon-surround {clear: both;overflow: hidden;} /* Bottom Section */ #bottom-bg {height: 45px;} #bottom-menu-overlay {height: 45px;line-height: 55px;} #botbar {padding: 15px;overflow: hidden;position: relative;} #bottom {overflow: hidden;padding-bottom: 15px;padding-top: 15px;} #bottom-menu {overflow: hidden;padding: 0;text-align: center; } #top-button {position: absolute;right: 25px;top: 16px;width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;} #top-button a:hover {text-decoration: none;} .top-button-spacer {height: 15px;} .copyright-block {width: 500px;margin: 0 auto;text-align: center;} #copyright {padding: 15px 0 8px 0;} #bottom-menu ul {list-style: none;margin: 0;padding: 0; } #bottom-menu ul li {display: inline; } #bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120% /*was 120%*/;font-weight: bold /*was bold */; font-family: Arial; } #bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {text-decoration: none;} #rocket {width: 111px;height: 15px;display: block;margin: 0 auto;} #debug-mod {padding: 15px;} #bottom ul {margin: 0;padding-right: /*was left*/ 10px;list-style: none;} #bottom ul li a {padding-right: /*was left*/ 13px;padding-bottom: 5px;display: block;} #bottom ul li:hover a {text-decoration: none;} a#clear-cookies {display: block;text-align: center;margin-top: 10px;} /* RokTabs */ .roktabs-wrapper {padding: 0;position: relative; font-family: Tahoma, Arial; font-size: 110%; line-height: 140%; /*added font attributes*/} .roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;} .roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;} .roktabs-wrapper .roktabs-container-wrapper div {float: left;} .roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;} .tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;} .roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 30px;overflow: hidden;} .roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 30px;} .roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 30px;} .roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 30px;line-height: 30px; font-family: "Arabic Transparent","Traditional Arabic", Arial; font-size: 115%; /*added font attrib.*/} .roktabs-wrapper .roktabs-links ul li.last {margin-right: -2px;} .roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;} .roktabs-wrapper .roktabs-links ul {padding: 0;} .roktabs-wrapper .roktabs-links ul li.active {margin: 0;} .roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 30px;} .roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 30px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:30px;width: 20px;background-repeat: no-repeat;} .roktabs-wrapper .arrow-next {background-position: 100% 0;} .roktabs-wrapper .arrow-prev {background-position: 0 0;} .roktabs-wrapper .arrow-next:hover {background-position: 100% -30px;} .roktabs-wrapper .arrow-prev:hover {background-position: 0 -30px;} .roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;} .tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;} .clear {clear: both;} /* RokTwittie */ #roktwittie .info .name { display: inline; } /* RSS Feeds */ ul.newsfeed {margin: 0;padding: 0;} a.newsfeed-title {text-transform: uppercase;font-weight: bold;} ul.newsfeed li {list-style: none;padding-right: /*was left*/ 12px;margin-bottom: 12px;} ul.newsfeed li a {font-weight: bold;font-size: 120%;} ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;} /* Typography */ #page-bg .feature-block .readon-wrap1, .readon-wrap1 {margin-top: 15px;position:relative;float:right; direction: ltr; } #page-bg .feature-block .readon-wrap1 span, .readon-wrap1 span {display:block;height: 30px;line-height: 30px;} #page-bg .feature-block a.readon, a.readon {font-weight: bold;} #page-bg .feature-block a.readon-main, a.readon-main {font-size: 12px;cursor: pointer;} #page-bg .feature-block a.readon-main:hover, a.readon-main:hover {text-decoration: none;} #page-bg .feature-block .readon1-l, .readon1-l {position:absolute;width: 15px;height: 30px;left:0;top:0;} #page-bg .feature-block .readon1-m, .readon1-m {margin-left: 15px;text-align: center;} #page-bg .feature-block .readon1-r, .readon1-r {margin-right: -15px;padding-right: 15px;} #page-bg .rokstories-layout2 .labels-title {background: none;} #page-bg .rokstories-layout2 .feature-arrow-r {height: 73px;top: 38%;width: 38px;} #page-bg .rokstories-layout2 .feature-arrow-l {height: 73px;top: 38%;width: 38px;} #page-bg .rokstories-layout2 .labels-title {font-size: 18px;color: #fff;font-weight: normal; } #page-bg .rokstories-layout2 .feature-title {font-size: 20px;margin-bottom: 10px;line-height: 110%; font-family: Arial, Helvetica, sans-serif; /* family added */} #page-bg .rokstories-layout2 .feature-desc {font-size: 14px; font-size: 100%; /*added font attr.*/} #page-bg .feature-block-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;} #page-bg .feature-block-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;} #page-bg .feature-block-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;} #page-bg .feature-block-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;} #page-bg .feature-arrow-r {width: 40px;height: 73px;position: absolute;right: 0;top: 38%;cursor: pointer;} #page-bg .feature-arrow-l {width: 40px;height: 73px;position: absolute;left: 0;top: 38%;cursor: pointer;} #page-bg .labels-title {line-height: 47px;font-size: 150%;color: #fff;font-weight:normal;height:auto;padding:0;} #page-bg .feature-block-title {position: absolute;bottom: 15px;left: 15px;font-weight:normal;} #page-bg .feature-block-title2 {width: 15px;height: 47px;background: url(../images/feature-block-title.png) 0 0 no-repeat;float: left;} #page-bg .feature-block-title3 {padding: 0 25px 0 10px;height: 47px;background: url(../images/feature-block-title.png) 100% 0 no-repeat;margin-left: 15px;} /* RokBridge Modules */ .latest_posts {padding-bottom: 6px;margin-top: 6px; direction: rtl; text-align: right;} .latest_posts_subject a {font-weight: bold;} .rokbridge_login form.form-login .login-links a {display: block;font-size: 100%;margin-bottom: 2px;} .login-bold {font-weight: bold;font-size: 110%;} .rokbridge_login span.avatar img {width: 25px !important;height: 25px !important;float: right /*was left */;margin-left: /*was right */ 10px;} .rokbridge_login h4.welcome {line-height: 25px;} .rb-latest-members .rb-avatar-row {padding-bottom: 8px;margin-bottom: 8px;} .rb-latest-members .rb-avatar img {margin-left: /*was right */ 8px;} .latest_posts_subject a {padding-right: /*was left */ 12px;display: block;} /* Alerts */ #maincontent-block div.error {background: #FCE7E7 url(../images/alerts/alert-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #c00;font-weight: bold;} #maincontent-block div.error .c2 {background: url(../images/alerts/alert-tr.png) 100% 0 no-repeat;} #maincontent-block div.error .c3 {background: url(../images/alerts/alert-bl.png) 0 100% no-repeat;} #maincontent-block div.error .c4 {background: url(../images/alerts/alert-br.png) 100% 100% no-repeat;padding: 12px;} #maincontent-block div.error span {background: url(../images/alerts/alert-icon.png) 100% /*was 0*/ 1px no-repeat;padding-right: /*was left*/ 25px;display: block;} #maincontent-block div.error a {color: #c00;} #maincontent-block div.notice, #maincontent-block div.message {background: #E9EFFC url(../images/alerts/notice-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #005CAF;font-weight: bold;} #maincontent-block div.notice .c2, #maincontent-block div.message .c2 {background: url(../images/alerts/notice-tr.png) 100% 0 no-repeat;} #maincontent-block div.notice .c3, #maincontent-block div.message .c3 {background: url(../images/alerts/notice-bl.png) 0 100% no-repeat;} #maincontent-block div.notice .c4, #maincontent-block div.message .c4 {background: url(../images/alerts/notice-br.png) 100% 100% no-repeat;padding: 12px;} #maincontent-block div.notice span, #maincontent-block div.message span {background: url(../images/alerts/notice-icon.png) 100% /*was 0*/ 1px no-repeat;padding-right: /*was left*/ 25px;display: block;} #maincontent-block div.notice a, #maincontent-block div.message a {color: #005CAF;} #maincontent-block div.warn {background: #F5F3D9 url(../images/alerts/desc-tl.png) 0 0 no-repeat;padding: 0;margin: 20px 0;color: #73621C;font-weight: bold;} #maincontent-block div.warn .c2 {background: url(../images/alerts/desc-tr.png) 100% 0 no-repeat;} #maincontent-block div.warn .c3 {background: url(../images/alerts/desc-bl.png) 0 100% no-repeat;} #maincontent-block div.warn .c4 {background: url(../images/alerts/desc-br.png) 100% 100% no-repeat;padding: 12px;} #maincontent-block div.warn span {background: url(../images/alerts/desc-icon.png) 100% /*was 0*/ 1px no-repeat;padding-right: /*was left*/ 25px;display: block;} #maincontent-block div.warn a {color: #73621C;} #maincontent-block div.warn.mod, #maincontent-block div.error.mod, #maincontent-block div.notice.mod, #maincontent-block div.message.mod, #maincontent-block div.description.mod {margin: 0;} /* @group Demo Content */ #mainmodules .article_separator {display: none;} .flush .moduletable {margin-bottom: 0;} /* Custom Modules Tutorial */ .rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;} .rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;} .rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;} .rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;} .rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;} .rokmod-demo-block .demo-span1 {font-weight: bold;} /* Tutorials */ .tut-block {height: 100px; display: block;} .tut-img {float: left; margin-right: 10px;} .tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;} pre {overflow: auto;} .tut-tool-tip {color: #fff;width: 139px;z-index: 13000;} .tut-tool-title {display: none;} .tut-tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/bubble.png) bottom right;} .tut-tool-text span { overflow: auto; display: block;} /* Variation Chooser */ .variation-chooser {margin-top:15px;position:relative; margin-left: 15px;overflow:hidden;} .variation-chooser .controls {height:25px;position:absolute;} .variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;} .variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;} .variation-chooser .control-prev:hover {background-position:0 -16px;} .variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;} .variation-chooser .control-next:hover {background-position:0 -48px;} .variation-chooser input {background: #fff;border: 1px solid #ddd;width: 50px;text-align: center;margin-left: 125px;color:#333;} /* @end */ /****** added lines *******/ #maincol {direction: rtl;} #rightcol {direction: rtl;} #community-wrap {direction: ltr;} #community-wrap .moduletable {direction: rtl;} div#comment {direction: rtl;} .rightcol-padding {} #page-bg2 {} div#top-bar div.topbar-left-mod .moduletable,div#top-bar div.topbar-right-mod .moduletable{direction: rtl;} div#top-bar div.topbar-left-mod .moduletable h3,div#top-bar div.topbar-right-mod .moduletable h3{direction: rtl;} .wrapper {} .row-handle {} #section-row1, #section-row2, #section-row3, #section-row4, #section-row5 { direction: rtl;} #section-row3-inner {} #inset-block-right {direction: rtl;} #inset-block-right .right-padding { } #inset-block-left {direction: rtl;} #inset-block-left .left-padding {} #inset-block-left h3, #inset-block-right h3 {} #inset-block-left .module, #inset-block-right .module {} #inset-block-left .module-handle, #inset-block-right .module-handle { } table.mainbody, table.blog {direction: rtl;} .spacer .block {} .drophere {} div.roktabs-wrapper {direction: ltr;} div.roktabs-wrapper div.wrapper {direction: rtl;} div.readon-wrap1 {float: right !important; margin-right: 20px; direction: ltr;} label {padding-right: 20px !important; _padding-right: 0px !important; } /*added line to be checked */ form.form-login {direction: rtl;} /* IE 6 Compatibility mode */ .show-comment, .show-linkmore, .show-hit, .jctools, .show-feed, .show-report, .show-voteup, .show-votedown{ display:inline; float:right; height:18px; text-indent: 24px; margin-left: 4px; margin-right: 4px; background-repeat:no-repeat; background-position: 100% 50% !important; } div.commentBlogView > div.show-comment, div.commentBlogView > div.show-linkmore, div.commentBlogView > div.show-hit, div.jctools, div.show-feed, div.show-report, div.show-voteup, div.show-votedown{ display:inline; float:right; height:18px; text-indent: 24px; margin-left: 4px; margin-right: 4px; background-repeat:no-repeat; background-position: 100% 50% !important; } div.show-result{ display: none; float:right; height:18px; text-indent: 24px; margin-left: 4px; margin-right: 4px; } /* For IE Only */ div.show-comment { background-position: 100% -71px !important; } div.show-linkmore { background-position: 100% -90px !important; } div.show-hit { background-position: 100% -35px !important; } /* More specific rule for other browser */ div.commentBlogView > div.show-comment { background-position: 100% -71px !important; } div.commentBlogView > div.show-linkmore { background-position: 100% -90px !important; } div.commentBlogView > div.show-hit{ background-position: 100% -35px !important; } div.jcfav { background-position: 100% -54px !important; } div.jcshare { background-position: 100% 1px !important; } div.jcemail { background-position: 100% -16px !important; } div.jcpreview { background-position: -18px -36px !important; } /* K2 */ div.yellowbox-tl {background: url(../images/yellowbox-tl.gif) no-repeat top left;margin: 0 0 10px;} div.yellowbox-tr {background: url(../images/yellowbox-tr.gif) no-repeat top right;} div.yellowbox-bl {background: url(../images/yellowbox-bl.gif) no-repeat bottom left;} div.yellowbox-br {background: url(../images/yellowbox-br.gif) no-repeat bottom right;} div.center {padding: 15px;} #page-bg .itemListCategoryBlock {background: none;border: 0;padding: 0;} #k2Container {padding:0 0 24px 0; } #k2Container h1.componentheading {line-height:120%;} body.contentpane #k2Container {padding:16px;} a:active, a:focus {outline:0;} img {border:none;} .clr {clear:both;height:0;line-height:0;display:block;float:none;} .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#fff !important;} #recaptcha_table {border-color: #ccc !important; } #recaptcha_response_field {border-color: #ddd !important; background-color:#fff !important;} span.k2EditLink {display:block;padding:4px 0;} span.k2EditLink a {font-size:14px;} .smallerFontSize {font-size:100%;line-height:120%;} .largerFontSize {font-size:150%;line-height:140%;} div.itemView {padding:8px 0 15px 0;margin:0;} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} h1.itemTitle {font-weight:normal;line-height:110%;padding:10px 0;margin:0;} div.itemHeader h1.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} span.itemAuthor {float:right /*was left */;display:block;width:18%;padding:0;margin:0;} ul.itemToolbar {float:left /*was right */;width:81%;text-align:left /*was right */;list-style:none;padding:0;margin:0;} ul.itemToolbar li {display:inline;list-style:none;padding:0 8px 0 0 /*inter*/;margin:0 8px 0 0 /*inter*/;border-right: /*was left*/1px solid #ccc;text-align:center;} ul.itemToolbar > li:first-child {border:none;} ul.itemToolbar li a img {vertical-align:middle;} ul.itemToolbar li span.itemTextResizerTitle {} ul.itemToolbar li a#fontDecrease {margin:0 4px 0 0 /*inter*/;} ul.itemToolbar li a#fontIncrease {margin:0 4px 0 0 /*inter*/;} ul.itemToolbar li a#fontDecrease span, ul.itemToolbar li a#fontIncrease span {display:none;} div.itemBody {padding:8px 0;margin:0;} div.itemImageBlock {padding:8px;margin:0 0 16px 0;} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {border:1px solid #ccc;padding:8px;} span.itemImageCaption {color:#666;display:block;font-size:11px;} span.itemImageCredits {color:#999;display:block;font-style:italic;font-size:11px;} span.itemMainImageCredits {color:#999;display:block;font-style:italic;font-size:11px;margin-top: 5px;} div.itemIntroText {color:#444;font-size:14px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText ul {list-style: none;margin: 0;padding: 0 5px 0 0 /*inter*/;} div.itemIntroText ul li {background: url(../images/list-arrow-rtl.png) 100% /*was 0*/ 6px no-repeat;padding-right: /*was left*/ 14px;} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText img {padding:2px;margin:4px;border:1px solid #ddd;} div.itemFullText ul {list-style: none;margin: 0;padding: 0 5px 0 0 /*inter*/;} div.itemFullText ul li {background: url(../images/list-arrow-rtl.png) 100% /*was 0*/ 2px no-repeat;padding-left: 14px;padding-bottom: 5px;} div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.itemExtraFields label {font-weight:bold;margin:0 4px 0 0;display:block;float:left;width:20%;} div.itemExtraFields span {display:block;float:left;width:70%;} div.itemExtraFields br {clear:both;display:block;} span.itemDateModified {display:block;text-align:left /*was right */;padding:4px 4px 4px 4px;margin:0;color:#999;font-style: italic;} div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;} div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-left: /*was right*/1px solid #ccc;padding:0 0 0 8px /*inter*/;margin:0 0 0 8px /*inter*/;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;} div.itemRelated, div.itemAuthorLatest {margin-bottom: 16px;padding: 8px 0 0 0;float: right /*was left */;width: 49.8%;} .itemRelated h3 {margin-top: 5px;} .itemAuthorLatest a, .itemRelated a {background: url(../images/list-arrow-rtl.png) 100% /*was 0*/ 1px no-repeat;padding: 0 14px 0 0 /*inter */;line-height: 20px;margin-right: /*was left */ 5px;} .itemAuthorLatest h3 {margin: 5px 0;} div.itemList div.center, div.itemlist div.center {padding: 10px;} div.itemLinks {margin:0;padding:0;} div.itemLinks .clr {overflow:hidden;} div.itemCategory {padding:4px 0;} div.itemCategory span {font-weight:bold;color:#555;padding:0 0 0 4px /*inter*/;} div.itemTagsBlock {padding:4px 0;} div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 0 0 4px /*inter*/;} div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;} div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.itemSocialLinksBlock {padding:4px 0;} div.itemSocialLinksBlock span {font-weight:bold;color:#555;padding:0 0 0 4px /*inter*/;float:right;display:block;} div.itemSocialLinksBlock ul.itemSocialLinks {list-style:none;padding:0;margin:0;float:right /*was left */;} div.itemSocialLinksBlock ul.itemSocialLinks li {float:left;list-style:none;padding:0 4px;margin:0;} div.itemSocialLinksBlock ul.itemSocialLinks li a {float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat;} div.itemSocialLinksBlock ul.itemSocialLinks li a:hover {} div.itemSocialLinksBlock ul.itemSocialLinks li a span {display:none;} a.delicious { background-image: url(../images/k2/social/delicious.gif); } a.digg { background-image: url(../images/k2/social/digg.gif); } a.facebook { background-image: url(../images/k2/social/facebook.gif); } a.google { background-image: url(../images/k2/social/google.gif); } a.myspace { background-image: url(../images/k2/social/myspace.gif); } a.reddit { background-image: url(../images/k2/social/reddit.gif); } a.stumble { background-image: url(../images/k2/social/stumble.gif); } a.technorati { background-image: url(../images/k2/social/technorati.gif); } a.yahoobuzz { background-image: url(../images/k2/social/yahoobuzz.gif); } a.windowslive { background-image: url(../images/k2/social/windowslive.gif); } a.twitter { background-image: url(../images/k2/social/twitter.png); } div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 0 0 4px /*inter*/;} div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/k2/system/videoplayer-bg.gif) repeat-x bottom;} div.itemVideoBlock h3.itemVideoTitle {color:#aaa;font-size:24px;} div.itemVideoBlock span.itemVideo {display:block;} div.itemVideoBlock span.itemVideo span.allvideos {padding:4px 0;} div.itemVideoBlock span.itemVideo span.allvideos_player, div.itemVideoBlock span.itemVideo span.allvideos_player object {width:100% !important;height:450px !important;margin:0 auto;} div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;} div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;} div.itemImageGallery {margin:0 0 16px 0;padding:0;} div.itemImageGallery h3.itemImageGalleryTitle {font-size:24px;} div.itemNavigation {padding:8px 0;margin:8px 0 0 0;border-top: 1px dotted #ddd;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} div.itemComments h4.itemCommentsCounter {font-size: 18px;margin:0 0 15px 0;padding:0;line-height: 100%;} div.itemComments ul.itemCommentsList {margin:0 0 16px 0;padding:0;list-style: none;} div.itemComments ul.itemCommentsList li {padding: 15px 14px;border-top: 1px solid #e0e0e0 !important;position:relative;margin: 0 -14px;} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 0 0 8px /*inter*/;margin:0 0 0 6px /*inter*/;font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li p {padding: 4px 0;} div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {display:block;position:absolute;right: 10px;top: 15px;text-align:left /*was right */;font-size:11px;color:#999;} div.itemComments ul.itemCommentsList li span.commentLink a {color:#999;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li.even {background: #fff;} .comments-link {padding: 5px;margin-top: 5px;font-weight: bold;font-size: 120%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} h4.itemCommentsFormTitle {font-size:16px /*was 18px*/;margin:0 0 8px 0;padding:0;} div.itemCommentsForm form label.formComment {display:none;} div.itemCommentsForm form label.formName {display:block;margin:12px 2px 0 0 /*inter*/ ;} div.itemCommentsForm form label.formEmail {display:block;margin:12px 2px 0 0 /*inter*/;} div.itemCommentsForm form label.formUrl {display:block;margin:12px 2px 0 0 /*inter*/;} div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 2px 0 0 /*inter*/ ;} div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;padding: 4px;border: 1px solid #ddd;} div.itemCommentsForm form input.inputbox {display:block;width:350px;margin:0;padding: 4px;border: 1px solid #ddd;} div.itemCommentsForm form input.button {margin: 0;padding: 0;background: none;border: 0;font-size: 12px;line-height: 20px;height: 30px; } div.itemCommentsForm form span#formLog {margin:0 20px 0 0 /*inter*/ ;padding:0 20px 0 0 /*inter*/;font-weight:bold;color:#CF1919;} div.itemCommentsForm form .formLogLoading {background:url(../images/k2/system/loading.gif) no-repeat right /*was left*/ center;} .itemRatingForm {display: block;vertical-align: middle;line-height: 25px;} .itemRating {width: 175px;float: right /*was left*/;} .itemRatingLog {display:inline;height:25px;font-weight:bold;} div.itemRatingForm .formLogLoading {background:url(../images/k2/system/loading.gif) no-repeat center right /*was left*/; } .itemRating, .itemRating a:hover, .itemRating .itemCurrentRating {background: url(../images/k2/system/star.gif) right /*was left*/ -1000px repeat-x;} .itemRating {position: relative;width: 125px;height: 25px;overflow: hidden;list-style: none;margin: 0;padding: 0;background-position: right /*was left*/ top;} .itemRating li {display: inline;background-image: none;padding: 0;} .itemRating a, .itemRating .itemCurrentRating {position: absolute;top: 0;left: 0;text-indent: -1000px;height: 25px;line-height: 25px;outline: none;overflow: hidden;border: none;cursor: pointer;} .itemRating a:hover {background-position: left bottom;} .itemRating a.one-star {width: 20%;z-index: 6;} .itemRating a.two-stars {width: 40%;z-index: 5;} .itemRating a.three-stars {width: 60%;z-index: 4;} .itemRating a.four-stars {width: 80%;z-index: 3;} .itemRating a.five-stars {width: 100%;z-index: 2;} .itemRating .itemCurrentRating {z-index: 1;background-position: 0 center;margin: 0;padding: 0;} .itemRatingLog {margin: 0 5px 0 0 /*inter*/;padding: 0;float: right /*was left */;} div#itemListRssFeedBlock {float:right;} div.itemListCategoryBlock {background:#f2f6fc;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;} div.itemListCategoryBlock a.itemListCategoryImage {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemListCategoryBlock h2.itemListCategoryTitle {font-size:24px;margin:0 0 4px 0;padding:0;line-height:normal;/* for IE 6 */display:inline;} div.itemListCategoryBlock h2.itemListCategoryTitle a {font-size:24px;} div.itemListCategoryBlock h2.itemListCategoryTitle span.k2AddLink a {padding:0 0 0 8px;font-size:14px;} div.itemListCategoryBlock p {padding:4px 0;} div.itemListCategoryBlock div.itemListSubCategoriesBlock { margin-top:10px;} div.itemListCategoryBlock div.itemListSubCategoriesBlock h2.itemListCategoryTitle {font-size:16px;} div.itemContainerWrapper {float:left;} div.itemReadMoreBlock {padding:0;} div.itemListPagination {padding:8px;text-align:center;} div.itemContainer {padding: 0 10px 15px 10px;float:left;} div.itemContainer div.itemHeader h1.itemTitle {font-size:20px;font-weight:normal;padding:10px 0;margin:0;} div.itemContainer span.itemAuthor {float:left;width:40%;} div.itemContainer ul.itemToolbar {float:right;width:58%;} div.itemImageThumbBlock {float:left;} div.itemImageThumbBlock span.itemImage img {display:block;float:left;border:2px solid #aaa;padding:0;margin: 0 15px 15px 0;} div.itemImageMainBlock {padding:8px;margin:0;text-align: center;} div.itemImageMainBlock span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} div.itemImageMainBlock span.itemImage img {border:1px solid #ddd;padding:8px;} div.itemImageMainBlock span.itemImageCaption {color:#666;display:block;font-size:11px;text-align: center;} div.itemImageMainBlock span.itemImageCredits {color:#999;display:block;font-style:italic;font-size:11px;text-align: center;} div.itemContainer div.itemIntroText {color:#444;font-size:inherit;font-weight:normal;line-height:normal;padding:4px 0 12px 0;} div.authorView {padding:8px 0 24px 0;margin:0 0 24px 0;} div#authorRssFeedBlock {float:right;} div.authorBlock {background:#f2f6fc;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;} div.authorBlock img.authorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.authorBlock h1.authorName {font-size:32px;font-weight:normal;padding:0;margin:0;line-height:normal;} div.authorBlock h1.authorName span.k2AddLink a {padding:0 0 0 8px;font-size:14px;} div.authorBlock p {padding:4px 0;} div.authorBlock span.authorUrl {font-weight:bold;color:#555;border-right:1px solid #ddd;padding:0 8px 0 0;margin:0 8px 0 0;} div.authorBlock span.authorEmail {font-weight:bold;color:#555;} div.authorItemsBlock {} div.authorItems {padding:0 0 16px 0;} div.authorPagination {padding:8px;text-align:center;} div.defView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} div#defRssFeedBlock {float:right;} div.defCategoryWrapper {float:left;} div.defCategoryWrapper div.defCategoryBlock {background:#f2f6fc;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;} div.defCategoryWrapper div.defCategoryBlock a.defCategoryImage {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.defCategoryWrapper div.defCategoryBlock h2.defCategoryTitle {margin:0 0 4px 0;padding:0;line-height:normal;/* for IE 6 */display:inline;} div.defCategoryWrapper div.defCategoryBlock h2.defCategoryTitle a {font-size:16px;} div.defCategoryWrapper div.defCategoryBlock h2.defCategoryTitle a:hover {} div.defCategoryWrapper div.defCategoryBlock p {padding:4px 0;} .k2-registration .input-field-l {float: none;} .k2-registration textarea#description {border: 1px solid #ddd;} .k2-registration input#url {border: 1px solid #ddd;padding: 3px;} .k2-registration .input-surround button {background: none;border: 0;padding-top: 7px;height: 22px;line-height: 16px;} .k2-break-div {height: 10px;margin-left: -15px;margin-right: -15px;} .k2-break1 {height: 16px;margin-left: -15px;margin-right: -15px;position: relative;} .k2-break2 {width: 16px;height: 16px;position: absolute;top: 0;left: 0;} .k2-break3 {width: 16px;height: 16px;position: absolute;top: 0;right:0;} .k2-break4 {height: 16px;margin-left: -15px;margin-right: -15px;position: relative;} .k2-break5 {width: 16px;height: 16px;position: absolute;bottom: 0;right:0;} .k2-break6 {width: 16px;height: 16px;position: absolute;bottom: 0;left:0;margin-top: 10px;} /* K2 Comments Module */ ul.k2CommentsList {list-style: none;margin: 0;padding: 0;} ul.k2CommentsList li {margin-bottom: 15px;padding-bottom: 15px;} .commenterAvatar {float: left;margin-right: 10px;margin-bottom: 10px;} .commenterName {display: block;font-weight: bold;font-size: 120%;margin-bottom: 5px;} .commentDate {display: block;font-size: 90%;font-style: italic;margin-top: 5px;} /* K2 Content Module */ ul.k2ItemsList {list-style: none;margin: 0;padding: 0;} ul.k2ItemsList li {margin-bottom: 15px;padding-bottom: 15px;} ul.k2ItemsList li a.k2ItemsTitle {font-size: 18px;display: block;margin-bottom: 15px;} ul.k2ItemsList li .k2ItemsAuthorAvatar img {width: 35px;height: 35px;display: block;float: left;margin-right: 10px;} ul.k2ItemsList li span.k2ItemsDate {color:#999;display:block;font-size: 9px;} ul.k2ItemsList .itemAuthorBlock {margin-bottom: 15px;} ul.k2ItemsList li a.k2ItemsThumb {display:block;float:left;border:1px solid #ccc;padding:2px;margin:0 4px 4px 0;} ul.k2ItemsList li a.k2ItemsThumb img {border:none;width:100px;height:auto;} ul.k2ItemsList li p.k2ItemsIntrotext {} ul.k2ItemsList li p.k2ItemsTags {display:block;clear:both;} ul.k2ItemsList li p.k2ItemsTags a {margin:0 4px;} ul.k2ItemsList .readon-wrap1 {margin-top: 5px;} /* Archives */ div.k2ArchiveListContainer ul.k2ArchiveList {list-style: none;margin: 0;padding: 0;} div.k2ArchiveListContainer ul.k2ArchiveList li {margin-bottom: 10px;padding-bottom: 10px;} div.k2ArchiveListContainer ul.k2ArchiveList li a {padding-left: 14px;font-size: 110%;} /* Breadcrumbs */ div.k2Breadcrumbs span.k2BreadcrumbsTitle {padding:0 4px 0 0;color:#999;} div.k2Breadcrumbs span.k2BreadcrumbsSep {padding:0 4px;font-size:14px;} /* Calendar */ div#k2Calendar {height:170px;} div#k2Calendar.k2CalendarLoader {background:#fff url(../images/k2CalendarLoader.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;} table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;} table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} /* Category Tree Select Box */ form.k2SelectBox select {width:95%;} /* Category List/Menu */ div.k2CategoryListContainer ul {list-style: none;margin: 0;padding: 0;} ul.level0 li a {margin-bottom: 8px;display: block;padding-left: 14px;} ul.level1 li {padding-left: 15px;} ul.level1 li a {display: block;padding-left: 14px;} /* Search Box */ div.k2SearchBox form input.inputbox {width: 95%;padding: 4px;border: 0;} /* Tag Cloud */ div.k2TagCloud a {padding:4px;float:left;display:block;} div.k2TagCloud a:hover {padding:4px;float:left;display:block;background:#fff;text-decoration:none;color:#666;} p#form-login-remember {margin-top: 10px;display: block;margin-bottom: 5px;} /**** check *****/ .roksearch_option {float: right !important; line-height: 110%;} img#rightimage {padding-left: 7px; } table.moduletable_floats div.latest_posts {margin-right: 15px; float: left !important; text-align: center;} div.latest_posts div.latest_posts_date {direction: rtl; text-align: right;} div.latest_posts div.latest_posts_date strong {display: inline-block; direction: rtl;} *+html table.moduletable_floats div.latest_posts {margin-right: 15px; float: right !important; text-align: center; } form.josForm .input-field-l, .input-surround .input-field-l {float: right;}