﻿body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #505050;
    background: #f5f8f5;
}

a:hover{
    text-decoration: none;
    color: #505050;
}
.container {
    
}
.topbar {
    background: #639660;
    line-height: 30px;
    min-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.topbar a, footer a, footer a:visited {
    color: #fff;
}

.tal {
    text-align: left;
}
.tal:lang(ar) {
    text-align: right;
}
.tar {
    text-align: right;
}

    .tar:lang(ar) {
        text-align: left;
    }

.tac {
    text-align: center;
}

.tbl {
    display: table;
    width: 100%;
}

.tblr {
    clear: both;
    width: 100%;
}

.tblc {
    display: table-cell;
    vertical-align: top;
}
@media (max-width: 750px){
    .tblc {
        display: block;
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fl:lang(ar) {
    float: right;
}

.fr:lang(ar) {
    float: left;
}

.lan {
}

.main {
    min-height: 500px;
    padding: 30px 0px;
    background: url('../images/bg.png') repeat-x;
}

.logobar {
    min-height: 120px;
    background: url('../images/hbg.png');
}

.logo {
    width: 314px;
    height: 89px;
    margin-top: 15px;
}

.menu {
    background: #fff;
    height: 66px;
    color: #0b5e30;
    line-height: 66px;
    border-top: 1px solid #c6d6c5;
    border-bottom: 1px solid #b1caaf;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

footer {
    min-height: 115px;
    font-family: Arial, Helvetica, sans-serif;
    background: url('../images/fbg.png');
    color: white;
    padding-top: 35px;
    padding-bottom: 20px;
    font-size: 14px;
}

    footer a:link, footer a:visited {
        color: white !important;
    }

    footer a:hover {
        color: #505050 !important;
    }

.clear {
    clear: both;
}

.fbottom {
    padding-top: 60px;
}

.grid {
    border-collapse: collapse;
    border: 1px solid #b4e5ae;
    width: 100%;
    background: white;
}

    .grid a:link, .grid a:visited {
        color: #639660;
    }

.gridhead {
    background: #76c071;
}

.grid th {
    padding: 10px;
    border-right: 1px solid #b3e4ad;
    color: white;
    background: #76c071;
    font-weight: normal;
    text-align: left;
}

    .grid th:lang(ar) {
        border-left: 1px solid #b3e4ad;
        border-right: 0px solid #b3e4ad;
        text-align: right;
    }

.grid td {
    padding: 10px !important;
    border-right: 1px solid #b3e4ad;
    border-bottom: 1px solid #b3e4ad;
}

    .grid td:lang(ar) {
        border-left: 1px solid #b3e4ad;
        border-right: 0px solid #b3e4ad;
    }

.gridalter {
    background: #f1f2f1;
}

.call {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat;
}

.phone {
    padding: 12px 50px 0 15px;
    width: 175px;
    white-space: nowrap;
}

.fb a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -52px;
    display: block;
}

.tw a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -104px;
    display: block;
}

.in a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -156px;
    display: block;
}

.video a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -208px;
    display: block;
}

.vab {
    vertical-align: bottom !important;
}

.tcontrols .tbl {
    width: inherit;
}

.fav, .print {
    padding: 0 15px;
    width: 10px;
}

.tcontrols .date {
    padding-left: 15px;
    padding-top: 15px;
}

    .tcontrols .date:lang(ar) {
        padding-right: 15px;
        padding-left: 0px;
    }

.fav a {
    width: 26px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -260px;
    display: block;
}

.print a {
    width: 22px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -296px;
    display: block;
}

.tdevide {
    width: 1px;
    height: 42px;
    background: url('../images/tdevide.png') no-repeat;
}

.search {
    margin-top: 30px;
    margin-bottom: 20px;
}

.fbcol1 {
    width: 500px;
}

.flinks {
    width: inherit;
}

    .flinks .tblc {
        padding-right: 30px;
    }

        .flinks .tblc:lang(ar) {
            padding-left: 30px;
            padding-right: 0px;
        }

.hcol1 {
    display: table-cell;
    vertical-align: top;
    width: 680px;
}

.hcol2 {
    display: table-cell;
    vertical-align: top;
    width: 270px;
}

.spacer {
    display: table-cell;
    width: 20px;
}

.tcol1, .tcol2 {
    display: table-cell;
    vertical-align: top;
    width: 335px;
}

.col1 {
    display: table-cell;
    vertical-align: top;
    width: 270px;
}

.col2 {
    display: table-cell;
    vertical-align: top;
    width: 680px;
}

.icols {
    display: table-cell;
    vertical-align: top;
    width: 215px;
}

.dcols1 {
    display: table-cell;
    vertical-align: top;
    width: 400px;
}

.dcols2 {
    display: table-cell;
    vertical-align: top;
    width: 270px;
}

.ms-siteicon-img {
    max-width: 314px;
    max-height: 90px;
}

/*Start Recent*/
.wtitle {
    /*font-size: 24px;
    color: #c0993b;
    border-bottom: 1px solid #bdbfbf;
    padding-bottom: 10px;
    margin-bottom: 20px;*/
}


.ritem {
    color: #055f31;
    font-size: 14px;
    margin-bottom: 30px;
}

    .ritem a, .ritem a:visited .ritem a:hover, .ritem a:active {
        color: #055f31 !important;
        font-size: 14px;
        margin-bottom: 30px;
        text-decoration: none;
    }
/*End Recent*/

/*Start Tabs */



.talter {
    /*background: #f1f2f1;*/
}

.tabheadactive {
    font-size: 18px;
    color: #028541;
    padding-top: 20px;
    text-decoration: underline;
    padding-bottom: 20px;
}

.tabheadinactive {
    font-size: 18px;
    color: #9f9f9f;
    padding-top: 20px;
    padding-bottom: 20px;
}

.currency table, .eco table {
    border-collapse: collapse;
    font-size: 14px;
    color: #666;
}

.currency th {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px solid #d9dad9;
    padding: 7px;
    text-align: left;
    font-weight: normal;
}

    .currency th:lang(ar) {
        text-align: right;
    }

.currency td, .eco td {
    padding: 5px;
    vertical-align: top;
}
/*End Tabs */
/*Start Economic */


.constumer {
    background: #e7f1db;
    border: 1px solid #d0eece;
    border-left: 10px solid #028541;
    padding: 20px;
    font-size: 20px;
    color: #555;
}

.constumer:lang(ar) {
	border: 1px solid #d0eece;
	border-right: 10px solid #028541;
}

.colorgray {
    color: #808285;
}

.download {
    background: #fff;
    border: 1px solid #cbcbcb;
    padding: 20px;
    font-size: 20px;
    color: #555;
}

.pdf {
    width: 43px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -329px;
}

/*End Economic */

input[type=button], input[type=submit], button {
    background: #639661;
    color: white;
    text-transform: uppercase;
    border: 0px;
    padding: 10px 15px;
    margin: 0px !important;
    border-radius: 7px;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.fcontainer input[type=button], .fcontainer input[type=submit] {
    background: #059a4e;
    color: white;
    text-transform: uppercase;
    border: 0px;
    padding: 10px 15px;
    margin-top: 0px !important;
    border-radius: 0;
    min-width: 100px;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.btncancel {
    background: #cccccc !important;
}

.buttons {
    margin-top: 20px;
    clear:both;
}

.add {
    background: url('../images/addbg.png') no-repeat;
    width: 680px;
    height: 55px;
    padding: 20px;
    color: #999;
    font-size: 16px;
}

.addtext {
    font-size: 24px;
    color: #555;
}

.accordion .ui-accordion-header {
    background: transparent url(../images/plus.png) no-repeat right center !important;
    border: 0px !important;
    line-height: 40px !important;
    font-family: Segoe UI!important;
    font-weight: normal !important;
    padding: 2px 5px !important;
    padding-right: 40px !important;
    vertical-align: middle !important;
    font-size: 22px !important;
    color: #c0993b !important;
    border-bottom: 1px solid #bdbfbf !important;
}

.accordion .ui-accordion-header:lang(ar) {
    background: transparent url(../images/plus.png) no-repeat left center !important;
    padding-left: 40px !important;
    padding-right: 0px !important;
    font-family: droid arabic kufi !important;

}

.accordion .ui-accordion-header-active {
    background: transparent url(../images/minus.png) no-repeat right center !important;
}

.accordion .ui-accordion-header-active:lang(ar) {
    background: transparent url(../images/minus.png) no-repeat left center !important;
}

.accordion .ui-accordion-content {
    background: transparent !important;
    color: #555 !important;
    font-size: 14px !important;
    border: 0px !important;
    font-family: Segoe UI!important;
    padding: 15px 10px !important;
}
.accordion .ui-accordion-content:lang(ar) {

	font-family: droid arabic kufi !important;
}

.fcontainer {
}

.lbldiv {
    float: left;
    width: 42%;
    padding-bottom: 20px;
    padding-top: 10px;
}

    .lbldiv:lang(ar) {
        float: right;
    }

.ctrdiv {
    float: left;
    width: 58%;
    padding-bottom: 20px;
}

    .ctrdiv:lang(ar) {
        float: right;
    }

.ctrrow {
    clear: both;
    min-height: 35px;
}

.ctrdiv input[type=text], .ctrdiv select, .controls input[type=text], .controls select, .ctrdiv input[type=number] {
    width: 300px;
    border: 1px solid #ccc;
    line-height: 30px;
    height: 30px !important;
    padding: 0px 5px !important;
    font-size: 12px !important;
}

.controls input[type=file] {
    width: 314px;
    border: 0px solid red;
    line-height: 30px;
    height: 30px !important;
    padding: 0px !important;
    font-size: 12px !important;
    background: transparent;
    margin: 0px;
}

.ctrdiv textarea, .controls textarea {
    width: 300px;
    border: 1px solid #ccc;
    color: #444 !important;
    font-size: 12px !important;
    height: 120px;
}

.ctrdiv select, .controls select {
    width: 314px;
    height: 36px !important;
    font-size: 12px !important;
    padding-right: 0px !important;
}

    .ctrdiv select:lang(ar), .controls select:lang(ar) {
        padding: 0px !important;        
    }

.controls td:first-child {
    width: 250px;
    padding-right: 20px;
}

    .controls td:first-child:lang(ar) {
        padding-right: 0px;
        padding-left: 20px;
    }

.controls td:last-child {
    width: 340px;
}

    .controls td:last-child span {
        color: red;
        font-size: 12px;
        clear: both;
    }

.controls td {
    padding: 7px 0;
}

.attachments {
    margin: 20px 0px;
}

.ui-datepicker-trigger {
    position: relative;
    top: 8px;
}
/*Start Left Navigation*/
.leftnav {
    width: 270px;
    display: table-cell;
    padding-right: 30px;
    vertical-align: top;
}

    .leftnav:lang(ar) {
        padding-right: 0px;
        padding-left: 30px;
    }

.subtitle {
    padding-top: 10px;
    border-bottom: 1px solid #c2c2be;
    padding-bottom: 11px;
}

    .subtitle a, .subtitle a:hover {
        color: #c0993b;
        font-size: 18px;
        text-decoration: none;
    }

#leftNavBox a {
    color: #055f31;
    font-size: 16px;
}

#leftNavBox ul li {
    border-bottom: 1px solid #c2c2be;
    /*background:url(../images/larrow.png) no-repeat 5px 18px;*/
    padding-top: 7px;
    padding-bottom: 7px;
}

/* 
#leftNavBox ul li:lang(ar){	
	background:url(../images/larrow_ar.png) no-repeat right 20px;
}
*/

/* Will display arraow image if sub items exist*/
.lefnavigationarrow {
    background: url(../images/larrow.png) no-repeat 5px 18px;
}

.lefnavigationarrowar {
    background: url(../images/larrow_ar.png) no-repeat right 20px;
}
.lefnavigationarrowar:lang(ar) {
    background: url(../images/larrow_ar.png) no-repeat left 20px;
}

#leftNavBox ul li li {
    border-bottom: 0px solid #c2c2be;
    line-height: 20px;
    background: transparent;
}

#leftNavBox hr {
    display: none;
}
/*End Left Navigation*/
/*Start Top Navigation*/

.menu ul, .menu li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
/*End Top Navigation*/
.bread {
    margin-left: -5px;
    clear: both;
    padding-bottom: 30px;
    display: table-cell;
}

    .bread:lang(ar) {
        margin-right: -5px;
        margin-left: 0px;
    }

    .bread a {
        padding: 0px 5px 0px 5px;
        display: table-cell;
        color: #0066b3;
        font-size: 16px;
    }

    .bread span span:last-child a {
        color: #555;
    }

    .bread span {
        float: left;
    }

        .bread span:lang(ar) {
            float: right;
        }


.content {
    display: table-cell;
    vertical-align: top;
}

.displayNone {
    display: none;
}

.placeholder {
    margin-top: -14px;
    height: 24px;
}

.pr10 {
    padding-right: 10px;
}

    .pr10:lang(ar) {
        padding-left: 10px;
        padding-right: 0px;
    }

/*Start Custom Dropdown */
/*Start FAQ*/
.brdb {
    border-bottom: 1px solid #ccc;
}

h1 {
    font-size: 30px;
    color: #c0993b;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 10px;
}

.vab {
    vertical-align: bottom;
}

.mb20 {
    margin-bottom: 20px;
}

.text18 {
    font-size: 18px;
}

.faqhead {
    color: #d3aa49;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.faq .accordion{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px #bbb solid
}
.faq .accordion .ui-accordion-header {
    background: transparent url(../images/plus.png) no-repeat left  5px!important;
    border: 0px !important;
    border-radius: 0px !important;
    line-height: normal !important;
    font-family: Segoe UI !important;
    font-weight: normal !important;
    padding: 2px 5px !important;
    padding-left: 50px !important;
    vertical-align: middle !important;
    font-size: 20px !important;
    color: #4c4c4c !important;
    min-height: 40px;
    margin-top: 30px;
}
.faq .accordion .ui-accordion-header br{display:none!important}

.faq .accordion .ui-accordion-header:lang(ar) {
    background: transparent url(../images/plus.png) no-repeat right 5px !important;
    padding-right: 50px !important;
    padding-left: 0px !important;
    font-family: droid arabic kufi !important;
}

.faq .accordion .ui-accordion-header-active {
    background: transparent url(../images/minus.png) no-repeat left  5px!important;
}

.faq .accordion .ui-accordion-header-active:lang(ar) {
    background: transparent url(../images/minus.png) no-repeat right  5px!important;
}
.faq .accordion .ui-accordion-content {
    background: transparent !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    border: 0px !important;
    border-radius:0px!important;
    font-family:Segoe UI !important;
    /*padding: 2px 5px !important;*/
    padding-left: 50px !important;
    display:none
}
.faq .accordion .ui-accordion-content br{display:none!important}
.faq .accordion .ui-accordion-content:lang(ar) {
    padding-left: 0px !important;
    padding-right: 50px !important;
    font-family:droid arabic kufi!important;
}

.torange {
    color: orange;
    padding-left: 10px;
}

    .torange:lang(ar) {
        padding-left: 0px;
        padding-right: 10px;
    }

.tred {
    color: red;
    padding-left: 10px;
}

    .tred:lang(ar) {
        padding-left: 0px;
        padding-right: 10px;
    }

.tgreen {
    color: #66cc33;
    padding-left: 10px;
}

    .tgreen:lang(ar) {
        padding-left: 0px;
        padding-right: 10px;
    }

.pagetitle {
    font-size: 24px;
    color: #c0993b;
    border-bottom: 1px solid #c6c5c7;
    line-height: 40px;
    margin-bottom: 30px;
}

.ctrdiv label {
    color: red;
    font-size: 12px;
}

.sitemap ul, .sitemap li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.sitemap button {
    float: left;
    border: 0px;
    background: transparent;
    margin: 0px!important;
    padding: 0px!important;
    margin-right: 10px !important;
    height:20px!important;
    font-size: 0!important;
    text-indent: -200000em;
}

.siteexpand {
    min-width: 14px;
    min-height: 11px;
    background: url(../images/expand.png) no-repeat 2px 5px !important;
}

.sitecollapse {
    min-width: 14px;
    min-height: 11px;
    background: url(../images/collaps.png) no-repeat 2px 4px !important;
}
.sitecollapse:lang(ar) {
    background: url(../images/collaps_ar.png) no-repeat 0px 4px !important;
    
}
.sitemap button:lang(ar) {
    float: right;
    margin-right: 0px;
    margin-left: 10px !important;
}

.sitemap ul ul {
    margin-top: 10px;
    margin-left: 20px;
}

.sitemap ul ul:lang(ar) {
    margin-left: 0px;
    margin-right: 20px;
}

.sitemap li {
    margin-bottom: 10px !important;
}

.sitemap li a {
    color: #000;
    font-size: 16px;
    font-weight: lighter;
}

.sitemap li li a {
    color: #028541;
}

.sitemap li li li a {
    color: #33cc66;
}

.sitemap li li li li a {
    color: #999;
}

.sitemap li ul {
    clear: both;
}

.bread span span:first-child, .bread span span:nth-child(2) {
    display: none;
}

#suiteBarLeft {
    background: #059a4e;
    color: #059a4e;
}

.tabscontrol {
    width: 320px;
}

body {
    overflow: auto;  
    /*overflow-x:hidden; */
}
.ms-webpart-titleText {
    display: none;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
    background: #505050;
}

.fcontainer input[type=button]:hover, .fcontainer input[type=submit]:hover {
    background: #505050;
}

.more {
    font-size: 12px;
    color: #0066b3;
    text-align: right;
    background: url(../images/more.png) no-repeat right;
    padding-right: 10px;
    text-transform: lowercase;
}

.more:lang(ar) {
    text-align: left;
    background: url(../images/more.png) no-repeat left;
    padding-right: 0px;
    padding-left: 10px;
}

a.more, .more:link, .more a {
    color: #0066b3 !important;
    font-size: 12px !important;
}

.ui-tabs .ui-tabs-nav li:lang(ar) {
    float: right;
}

.convertor {
    width: 100%;
}

.convertor td {
	padding: 5px;
}

.convertor td:last-child {
    padding-right: 0px;
}
.convertor td:last-child:lang(ar) {
    padding-right: 0px;
    padding-left: 0px;
}

.width200 {
    width: 220px;
}

.currencydate {
    width: 220px;
}

.datefield input {
    width: 120px;
    margin-top: -5px;
}

.rial input {
    width: 170px;
}

.convertor input[type=text], .convertor select {
    border: 1px solid #ccc;
    line-height: 30px;
    height: 30px !important;
    padding: 0px 0px 0 5px !important;
    font-size: 12px !important;
}
.convertor input[type=text]:lang(ar) {
    padding: 0px 5px 0 0 !important;
    }
.convertor select:lang(ar) {
    padding: 0px !important;
    }
.country select {
    width: 170px;
    height: 32px !important;
}

.datefield .ui-datepicker-trigger {
    position: relative;
    top: 4px;
}

.font16 {
    color: #333;
    font-size: 16px;
}

.resulthead {
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #c6c5c7;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-left: 5px;
}
.resulthead:lang(ar) {
    padding-left: 0px;
    padding-right: 5px;
}

.exchange {
    padding-bottom: 15px;
}

.newstitle {
    font-size: 24px;
    color: #c0993b;
    margin-bottom: 20px;
}

.newtop {
    width: inherit !important;
    padding-bottom: 5px;
}

.pdlr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.shortdesc {
    color: #555;
    font-size: 18px;
    display:table;
}

.rollupimage {
    float: left;
    padding-right: 15px;
}

    .rollupimage:lang(ar) {
        float: right;
        padding-right: 0px;
        padding-left: 15px;
    }

.dvrss a {
    background: url(../images/rss.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    color: transparent;
    margin-bottom: 10px;
    position:relative;
    margin-top:15px;
    right:0px;
}

    .dvrss a:lang(ar) {
        float: left;
        left:0px;
    }

.tags {
        display:table;
        margin-top:20px;
        color:#333;        
}

.tags span{
    color: #639660;    
}

.pagecontent {
    font-size: 14px;
    line-height: 22px;
}
.speechcat{
    display:table;
}

.newsimg, .newsitmes {
    display: table-cell;
    position: relative;
}

    .newsimg img {
        width: 200px;
        height: 120px;
        margin-right: 20px;
        border: 1px solid #ccc !important;
    }
     .newsimg img:lang(ar) {
        
        margin-right: 0px;
         margin-left: 20px;
       
    }

.dayMonth {
    background: #d2a947;
    font-size: 22px;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    position: absolute;
    bottom: -5px;
    left: -5px;
}
.dayMonth:lang(ar) {
  right: -5px;
}
.nmonth {
    font-size: 14px;
}

.nitmes {
    padding-bottom: 30px;
    display: block;
    margin-bottom: -5px;
}

#divSAMAPublishYear, #divContentType, #divSpeech {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
}

.newsitmes a {
    color: #055f31;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 5px;
    display: block;
}

.pt5 {
    padding-top: 10px;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

#pageStatusBar {
    margin-bottom: 0px !important;
}

.pageNextButton {
    background: url(../images/next.png) no-repeat center center;
    border: 1px solid #ccc;
    overflow: hidden;
    color: transparent;
    padding: 5px 0px;
    margin: 0px 10px;
    min-width: 30px !important;
    width: 20px !important;
    border-radius: 0px !important;
}

.pagePrevButton {
    background: url(../images/prev.png) no-repeat center center;
    border: 1px solid #ccc;
    overflow: hidden;
    color: transparent;
    padding: 5px 0px;
    margin: 0px 10px;
    min-width: 30px !important;
    width: 20px !important;
    border-radius: 0px !important;
}
.pageNextButton:hover, .pagePrevButton:hover  {
    
    color: transparent;
    
}

.pt6 {
    padding-top: 6px !important;
}

.attendpaging ul, .attendpaging li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.attendpaging li {
    float: left;
    padding-right: 15px;
    vertical-align: middle;
}
.attendpaging li:lang(ar) {
    float: right;
    padding-right: 0px;
     padding-left: 15px;
}

.attendpaging ul {
    margin-top: 20px;
}

.pagePrevButton:focus, .pageNextButton:focus {
    color: transparent;
    background: url(../images/prev.png) no-repeat center center;
}

.pagePrevButton:hover {
    background: url(../images/prev.png) no-repeat center center;
}

.pageNextButton:hover {
    background: url(../images/next.png) no-repeat center center;
}


/*.recaptchatable {
	border:0px !important;
}
.recaptchatable td:last-child, .recaptcha_only_if_privacy{
	display:none;
}
.recaptchatable tr:last-child td:last-child{
	display:block;
}

#recaptcha_image, #recaptcha_image img, .recaptcha_image_cell{
	width:250px !important;
}
#recaptcha_response_field{
	width:250px !important;
}
#recaptcha_area .recaptchatable, #recaptcha_area .recaptcha_theme_clean {
	border:1px solid #ccc !important;
}*/
.userpic img {
    width: 95px;
    height: 95px;
     border-radius: 100px;
	clip: rect(0px,100px,200px,0px);
}

.userpic {
    padding-right: 20px;
}
.userpic:lang(ar) {
    padding-right: 0px;
    padding-left: 20px;
}
.phonepic {
    line-height: 40px;
}

.myinfo {
    line-height: 22px;
    background: #fff;
    padding: 15px;
    border-bottom:1px solid #acacac;
    border-top:1px solid #acacac;
}

.mname, .mname a {
    font-size: 16px !important;
    color: #4f7b4d;
    padding-bottom: 5px;
    text-transform:lowercase;
    line-height:normal;
}
.mdepartment, .phonepic{
	text-transform:lowercase;
}
.mname:first-letter, .mdepartment:first-letter, .phonepic:first-letter  {
	text-transform:uppercase;
} 


.mbottom {
    line-height: 40px;
}

.mydevide {
    padding: 0 30px;
}

.emp {
    font-size: 14px;
    color:#707070;
}
.memail{
	 font-size: 13px;
	 color:#0066cc;

}
/*Start Hero Slider*/
#hero {
    height: 250px;
    background: #999;
    color: #fff;
    position: relative;
    background: transparent;
    overflow: hidden;
    width: 750px;
}

#hero-controls {
    display: none;
}

.arrow-left, .arrow-right {
    height: 17px !important;
    width: 9px !important;
    text-indent: -999em !important;
    float: left !important;
    z-index: 50 !important;
    border: 0 !important;
    cursor: pointer !important;
    position: absolute !important;
    bottom: 9px !important;
    min-width: 9px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.arrow-left {
    right: 40px;
    background: transparent url(../images/hero_prev.png) no-repeat !important;
}

    .arrow-left:lang(ar) {
        left: 40px !important;
        float: right !important;
    }

.arrow-right {
    background: transparent url(../images/hero_next.png) no-repeat !important;
    right: 10px;
}

    .arrow-right:lang(ar) {
        left: 10px !important;
        float: right !important;
    }

.hero-indicators {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 3;
}

   

    .hero-indicators ul,
    .hero-indicators .control {
        background: #000;
        background: rgba(0,0,0,0.8);
        padding: 15px;
        border-radius: 0px;
        float: left;
        margin-left: 3px;
        padding-right: 70px;
        margin: 0px;
    }

        

    .hero-indicators .control {
        padding: 5px;
        height: 13px;
        display: none;
    }

        .hero-indicators .control div {
            display: block;
            padding-top: 3px;
        }

        .hero-indicators .control a {
            width: 10px;
            height: 8px;
            cursor: pointer;
            background: transparent url(../images/hero-controls.png) no-repeat -9px -356px;
        }

        .hero-indicators .control .play {
            display: none;
            padding-top: 0px;
        }

            .hero-indicators .control .play a {
                height: 12px;
                background-position: -7px -372px;
            }

    .hero-indicators li {
        float: left;
        display: block;
        padding: 0 2px;
        margin: 0;
        width: 16px;
        height: 4px;
        list-style-type: none;
        /*cursor : pointer;*/
        background: transparent url(../images/indi.png) no-repeat;
    }

       

        .hero-indicators li.active {
            background: transparent url(../images/indi_active.png) no-repeat;
        }

.hero-wrapper {
    width: 750px;
    height: 250px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
}

.hero-mask {
    width: 680px;
    margin: 0 auto;
    background: transparent url(../../img/residential/hero/hero-mask.png) 50% 0 no-repeat;
    height: 300px;
    z-index: 2;
    position: absolute;
    left: -865px;
    top: 0px;
}

.hero-slider {
    width: 50000px;
    overflow: hidden; /* allows user to scroll images if JS disabled */
}

.hero-image {
    float: left;
}
.hero-image img {
    height:250px !important;
}

    .hero-image:lang(ar) {
        float: right;
    }

div.headline {
    position: absolute;
    background: #116fb8;
    z-index: 49;
    right: 0px !important;
    top: 70px;
    height: 121px;
    padding: 20px 10px 20px 20px;
    width: 351px;
    height: 115px;
    overflow: hidden;
    opacity: .90; /* standard: ff gt 1.5, opera, safari */
    -ms-filter: “alpha(opacity=90)”; /* ie 8 */
    filter: alpha(opacity=90); /* ie lt 7 */
    -khtml-opacity: .90; /* safari 1.x */
    -moz-opacity: .90; /* ff lt 1.5, netscape */
}

.div.headline:lang(ar) {
    left: 0px !important;
}

div.headline-content {
    height: 153px;
}

div.headline-header {
    width: 350px;
    padding-left: 30px;
    float: right !important;
}

    div.headline-header:lang(ar) {
        padding-left: 0px;
        padding-right: 30px;
        float: left !important;
    }

        div.headline-header h1 {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 10px;
        font-weight: 100;
        margin-top: 0px;
        color:white;
        padding:0px;
        margin:0px;
    }
    div.headline-header h1 a, div.headline-header h1 a:visited, div.headline-header h1 a:hover, div.headline-header h1:hover{
	color:white !important;
	}
    div.headline-header p {
        font-size: 11px;
    }
/****************************** Generic helper classes *******************************/
.hidden {
    display: none;
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

    .ir br {
        display: none;
    }

.float-right {
    float: right;
}

.float-left {
    float: left;
}
.float-left:lang(ar) {
    float: right;
}

.align-right {
    text-align: right;
}
.align-right:lang(ar) {
    text-align: left;
}

.ir:lang(ar) {
    text-align: right;
    direction: rtl;
    *line-height: 0;
}
.ir br {
    display: none;
}

.float-right:lang(ar) {
    float: left;
}

.float-left:lang(ar) {
    float: right;
}

.align-right:lang(ar) {
    text-align: left;
}


/*End Slider*/

/*Edit Mode Panel*/
.edit-mode-panel {
    width: 100%;
    padding: 0px;
}

    .edit-mode-panel .DefaultContentBlock {
        border: 1px #999 solid;
        color: black;
        padding: 10px;
    }

.cbq-layout-main {
    clear: both;
}

.allnewstitle {
    font-size: 24px;
    color: #c0993b;
    border-bottom: 1px solid #c6c5c7;
    line-height: 40px;
}

.allnewswebpart {
    margin-top: -65px;
}

.allnews .dfwp-column {
    padding-top: 20px;
}

.allnewsrss a {
    background: url(../images/rss.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 5px;
    color: transparent !important;
}
.allnewsrss a:lang(ar) {
    
    margin-left: 0px;
    margin-right: 5px;
    
}

.eco table {
    width: 100%;
}

.eco .date {
    color: #999;
    margin-bottom: 0px;
}

.ms-webpart-controlBox {
    z-index: 10000000;
}


.captchatd {
    width: 250px;
    padding-right: 15px;
}
.captchatd:lang(ar) {   
    padding-right: 0px;
    padding-left: 15px;
}

.questions td:last-child span {
    color: inherit;
}

.ms-formvalidation, .ms-formvalidation span, .error {
    color: red !important;
    font-size: 12px;
}

.amlhcol1 {
    width: 270px;
    display: table-cell;
}

.amlhcol2 {
    width: 400px;
    display: table-cell;
}

.amlhcol3 {
    width: 270px;
    display: table-cell;
}

.captchdiv {
    float: left;
    width: 58%;
    padding-bottom: 20px;
}

    .captchdiv:lang(ar) {
        float: right;
    }

.herodate {
    font-size: 15px;
}
.iwp .Title{
	padding-left:10px;
	color:#5c5c5c;
	font-size:13px;
}
.iwp h1 {
    font-size: 18px;
    color: #c0993b;
    padding: 0px;
    margin: 0px;
    padding: 10px 0 5px 5px;
    margin-bottom: 15px;
    border-bottom:1px solid #acacac;
}

.iwp td {
    vertical-align: top;
}

.iwp .ritem {
    margin-bottom: 15px;
    padding-left: 10px;
    color: #055f31;
}
.iwp .ritem:lang(ar) {
    
    padding-left: 0px;
    padding-right: 10px;
   
}

.pr10 {
    padding-right: 10px !important;
}
.pr10:lang(ar) {
    padding-right: 0px !important;
    padding-left: 10px !important;
}

.pagecount {
    padding-left: 5px;
    width: 100px;
}
.pagecount:lang(ar) {
    padding-left: 0px;
    padding-right: 5px;   
}

.p10 {
    padding: 10px !important;
}

#divSAMAPublishYear:lang(ar), #divContentType:lang(ar), #divSpeech:lang(ar) {
    float: left;
}

.nrf {
   
    margin-left: 10px;
}
.nrf:lang(ar) {    
    margin-left: 0px;
     margin-right: 10px;
}
.departt, .departt a, .departt a:visited {
    color: #055f31;
    font-size: 18px;
    padding-bottom: 5px;
    display: block;
}

.departitem {
    margin-bottom: 20px;
}

.ritem a:hover {
    color: #505050 !important;
}

/* Style used for question answer form to align the message next to button - Start */
.FormError {
    padding-left: 280px !important;
    list-style: none;
}
}
.FormError:lang(ar) {
    padding-left: 0px !important;
    padding-right: 280px !important;
}

.FormSubmit {
    color: #028541 !important;
    padding-left: 10px;
    padding-top: 50px;
    list-style: none;
}
.FormSubmit:lang(ar) {   
    padding-left: 0px;  
    padding-right: 10px;
}

/*Style used for question answer form to align the message next to button - End*/
.departbg{	
}
.topbar .tar a{
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
}
.nmonth:lang(ar) {
    font-size: 12px;
}
.sitemap li >a:only-child{
     padding-left: 24px;
}
.contact .lbldiv, .museumvisit .lbldiv{
	width:22%;
}
.mb20{
        margin-bottom:20px;
    }
.mr20{
        margin-right:20px;
    }
.mr20:lang(ar){
        margin-right:0px;
        margin-left:20px;
    }
.contact a:link {
	color:#0066b3;
}
.contact a:visited {
	color:#0066b3;
}
.Paging{
	margin-top:5px;
}
.newswebpart .ms-webpart-titleText{
	display:block !important;
	font-size: 18px !important;
    color: #c0993b;
    padding: 0px;
    margin: 0px;
    padding: 10px 0 4px 5px;
    margin-bottom: 5px;
    border-bottom:1px solid #acacac;
    font-family:Arial, Helvetica, sans-serif;
}
.ms-promlink-button-left:lang(ar){
		left:-199px !important;
	top:-228px !important;

}
.ms-promlink-button-right:lang(ar){
	left:-127px !important;
	top:-232px !important;
}
.Paging span{
	display:inline-block;
}
.pageNextButton:lang(ar) {
    background: url(../images/prev.png) no-repeat center center;   
}
.pagePrevButton:lang(ar) {
    background: url(../images/next.png) no-repeat center center;  
}
.ms-core-form-bottomButtonBox input[type=button]{
	margin-right:10px !important;
}
.clear .bullet a, .clear .bullet a:visited{
	color:#055f31 !important;
}
 .clear .bullet a:hover{
	color:#505050 !important;
}
select{
	padding:0px !important;
	margin:0px !important;	
}
.norecords{
    font-size: 14px !important;
    color: #505050 !important;
}
@media print{
	body {
	font-family : verdana, arial, sans-serif;
	font-size : 13px;
	line-height : 1.5em;
	margin: 0px;
	color: black;
}
#s4-workspace{
	position: static !important;
}
#t-bar {
	display: none;
}
.topbar {
	display: none;
}
#ms-designer-ribbon {
	display: none;
}
.topbar {
	display: none;
}
footer {
	display: none;
}
.menu {
	display: none;
}
.search {
	display: none;
}
.tcontrols {
	display: none;
}
.leftnav {
	display: none;
}
.bread {
	display: none;
}
#preview-message {
	display: none;
}
}
#s4-bodyContainer {position: relative}
a:active{
    background-color: transparent; 
}
.publishdate span span{
	 color: red !important;
    font-size: 12px;
}
.edit-mode-panel{
	margin-top:20px;
}
.lrf .captchdiv{
        margin-left:290px;
        margin-top:20px;
    }
.lrf .captchdiv:lang(ar){
        margin-left:0px;
         margin-right:290px;
        
    }
    .captchdiv img{
        margin-bottom:10px;
    }
    .lrf .buttons{
	margin-left:290px;
}
    .lrf .buttons:lang(ar){
	margin-left:0px;
    margin-right:290px;
}

    .sitemap li >a:only-child:lang(ar){
     padding-left: 0px;
     padding-right: 24px;
}
.publishdate .ms-formfieldlabel::after {
  content: " *"; 
  color: red;
}
#searchIcon{
	display:none;
}
.ms-srch-item{
	width:100%;
}
.content .ms-srch-sb-border {
    border: 1px solid #639660;
}
.content .ms-srch-sb-border:hover {
    border: 1px solid #639660;
}

.content .ms-srch-sb-borderFocused {
    border: 1px solid #639660;
}
.ms-srch-sbLarge-fullWidth{
	width:620px;
}
.ms-srch-result .ms-core-menu-button{
	display:inline !important;
}
.lrf #ui-accordion-accordion-panel-3 td:last-child {
    width: 310px;
}
.grid td:first-child a{
	white-space:nowrap;
}

.ms-srch-resultFooter #ResultFooter #Preferences, .ms-srch-upscope-top{
    display:none !important;
}

/********Photo_gallery********/

.photo_gallery {
	width:680px;
	display:block;
	position:relative;
	}
	
.photo_gallery ul{
	width:100%;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	}
	
.photo_gallery li{
  width: 190px;
  padding: 5px;
  background: #fff;
  box-shadow: 1px 1px 1px #999;
  display: inline-block;
  text-align: center;
  margin: 12px 12px 12px 12px;
	}
.photo_gallery li:hover{
	background:#d1caaf;
	box-shadow:none;
	}
	

.photo_gallery li:hover	img{
	opacity:0.5;
	}
	
.photo_gallery li:hover	.img{
	border:1px solid #c2bba1;
	}
		
.photo_gallery li .img{
	width:188px;
	height:170px;
	overflow:hidden;
	border:1px solid #eee;
	background:#736c51;
	margin-bottom:10px;
	}
	
.photo_gallery li img{
	min-height:180px;
	width:220px;
	margin-left:-20px;
	}
.photo_gallery li a {
	text-decoration:none;
	}
.photo_gallery li .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding:2px 5px;
	}
	
/********Video_gallery********/

.video_gallery {
	width:680px;
	display:block;
	position:relative;
	}
	
.video_gallery ul{
	width:100%;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	}
	
.video_gallery li{
  width: 190px;
  padding: 5px;
  background: #fff;
  box-shadow: 1px 1px 1px #999;
  display: inline-block;
  text-align: center;
  margin: 12px 12px 12px 12px;
	}
.video_gallery li:hover{
	background:#d1caaf;
	box-shadow:none;
	}
	
.video_gallery li:hover	.img{
	border:1px solid #c2bba1;
	}
		
.video_gallery li .img{
	width:188px;
	height:170px;
	overflow:hidden;
	border:1px solid #eee;
	background:#736c51;
	margin-bottom:10px;
	position:relative;
	}
	
.video_gallery li img{
	min-height:180px;
	width:220px;
	margin-left:-20px;
	}
.video_gallery li a {
	text-decoration:none;
	}
.video_gallery li .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding:2px 5px;
	}
	
.video_gallery li .player_control{
	background:url(images/palyer.png) no-repeat scroll center top;
	position:absolute;
	display:block;
	top:53px;
	left:60px;
	height:73px;
	width:73px;
	}
	
.video_gallery li:hover	.player_control{
	background:url(images/palyer.png) no-repeat scroll center bottom;
	}
	
.ms-rteTable-1 tr.ms-rteTableEvenRow-1 {
	background:none;
	}
	
.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
	background:none;
	}
	/***************Contacts****************/

.contacts{
	width:650px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
.contacts .form{
	padding:20px;
	border-radius:20px;
	}
	
.contacts .form ul{
	width:100%;
	display:inline-block;
	padding:0;
	margin:0;
	}
	
.contacts .form li{
	width:100%;
	margin:5px 0;
	display:inline-block;
	list-style:none;
	padding:0;
	}
	
.contacts .form li input{
	width:98%;
	 border:1px solid #ccc;
	 padding:10px;
	 /*border-radius:10px;*/
	}
	
.contacts .form li select{
	width:100%;
	 border:1px solid #ccc;
	  padding:10px;
	 /*border-radius:10px;*/
	 margin:0;
	}
	
.contacts .form li textarea{
	width:98%;
	 border:1px solid #ccc;
	 padding:10px;
	 /*border-radius:10px;*/
	 overflow:hidden;
	 min-height:100px;
	 max-height:200px;
	 max-width:100%;
	}
	
.contacts .form li img{
	width:120px;
	}

.contacts .address{
	float:left;
	width:40%;
	}
.contacts .address a{text-decoration:none;}

.ms-rtestate-field table, .ms-rtestate-write table{
    width: auto !important;
}
.controls.questions > tbody > tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.museumvisit .pagetitle{
    display: none;
}
@media (max-width: 555px){
    .allnewstitle{
        margin-bottom: 40px;
    }
    .HighlightsDiv{
        width: 100% !important;
        padding: 0 !important;
    }
    .ctrrow .lbldiv, .ctrrow .ctrdiv{
        margin-top: -20px;
        width: 100% !important;
    }
    .sub_menu2 li{
        display: list-item !important;
        list-style-position: inside !important;
        list-style-type: square !important;
    }
    .sub_menu2 li a, .sub_menu2 li span{
        float: none !important;
    }
    .license-request-container .captchdiv{
        float: none !important;
        margin: 10px auto !important;
    }

    .license-request-container .buttons{
        margin: 10px auto !important;
    }

    .license-request-container .buttons input{
        float: none !important;
    }
    .ctrrow{margin-bottom:10px;float:right;width:100%}
}

