@import url('../font/fonts.css');*, html, body{margin:0;padding:0;font-family:Arial;font-size:12px;}
body{background-color:#ddf2e4;}
img{border:none;}
.outer{}
#loadingoverlay{position:fixed;height:100%;width:100%;left:0;top:0;background-color:#DDF2E4;z-index:2000;opacity:0.3;filter:alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
#loading{background:url("/resources/images/loading.green.gif") no-repeat scroll 50% 13px white;border:5px solid #88D58E;border-radius:5px 5px 5px 5px;color:#227129;display:block;font-weight:bold;height:100px;left:50%;position:absolute;top:50%;width:144px;z-index:2001;}
#loading span{padding-left:10px;padding-top:74px;position:absolute;}
.inner{width:1060px;margin:10px auto;border:solid 1px #becdc3;background-color:White;border-radius:5px;}
.wrapper{padding:10px;}
.header{height:140px;border-bottom:solid 1px #becdc3;float:right;width:100%;position:relative;}
.header img#txtimg{height:40px;}
.logo{background:none repeat scroll 0 0 green;height:78px;margin:0 auto;width:278px;float:none;}
.txtlogo{background:none repeat scroll 0 0 green;height:40px;margin:0 auto;width:344px;clear:both;float:none;text-align:center;}
.txtlogo a{text-decoration:none;font-size:32px;font-family:Theodoric;font-weight:bold;}
.logo a{float:left;margin:-1px;text-decoration:none;}
.pager {
    height: 40px;
    border-bottom: solid 1px #becdc3;
    float: right;
    width: 100%;
    background: #277018;
    position:relative;
}
.pager-adv{float:right;}
.pager-adv.ad3{height:80px;width:760px;}
.pager-adv ul li{position:absolute;list-style:none;}
.pager-adv img{height:80px;width:746px;}
.viewgal{padding:0 10px;margin-left:10px;border-left:1px solid #BECDC3;border-right:1px solid #BECDC3;height:33px;}
.pager-text{float:right;line-height:40px;color:#227129;font-weight:bold;padding-right:5px;}
.buttons {
    text-align: center;
    position: relative;
    padding-top: 7px;
    float: right;
    margin-right: 50px;
}
.buttons ul{list-style-type:none;position:relative;clear:left;float:left;}
.buttons ul li ul{display:none;left:-86px;position:absolute;}
.buttons ul li.thumb{z-index:500;margin:0;padding:0;}
.buttons ul li.thumb img{border:3px solid #88D58E;}
.buttons ul li.arrow{background:url("/Resources/Images/arrow.png") no-repeat scroll 0 0 transparent;height:8px;left:83px;width:24px;}
.buttons ul li{float:left;position:relative;margin:0 5px;}
    .buttons a {
        background-color: #ffffff;
        border: solid 1px #88D58E;
        color: black;
        display: inline-block;
        font-size: 12px;
        line-height: 23px;
        padding: 0 6px;
        text-decoration: none;
    }
.buttons a:hover{cursor:pointer;}
.buttons li.thumb a{margin:0px;padding:0px;border:none;}
    .buttons a.active {
        background: none repeat scroll 0 0 #277018;
        color: White;
    }
.buttons a:hover, .buttons a.selected{background:#88D58E;color:White;}
.dateselector {
    /*padding-top: 5px;*/
    position: absolute;
    float: right;
    right: 22.1%;
    margin-top: 45px;
}
.selecteddate {
    padding-top: 5px;
    color: #ffffff;
    float: left;
    padding-right: 10px;
    position: relative;
    width: 180px;
    margin-left: 15px;
}
.selecteddate span{font-size:12px;}
    .selecteddate span.engdate {
        font-weight: normal;
        margin-right: 10px;
        position: relative;
        /* right: 0; */
        top: 3px;
		float: left;
    }
.selecteddate span.HijriDate{float:left;font-weight:bold;}
#datepicker{position:absolute;z-index:1100;}
.advert{width:261px;height:1203px;float:left;margin:0px 0px;clear:both;}
.ad1{margin-right:15px;}
.ad1 ul{}
.advert ul li{float:left;position:absolute;list-style:none;}
.advert ul li img{background:#FFF;height:250px;width:260px;}
.advert ul li.show{z-index:300;}
.rotating-item{display:none;}
.adv{    margin-bottom: 10px;}
.content{margin:10px 0;float:right;}
#pagepreview{position:relative;width:760px;    margin-top: 10px;}
#pagepreview img{position:relative;border:solid 1px #BECDC3;}
.galholder{display:none;}
.croparticle{position:absolute;display:inline-block;background:white;opacity:0.0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:999;}
.croparticlehover, div.croparticle:hover{background-color:Black;cursor:pointer;opacity:0.2;filter:alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
#cboxLoadedContent{margin-bottom:32px;padding-bottom:5px;border-bottom:solid 1px #6cb672;}
#cboxOverlay{background:#DDF2E4;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#cboxTitle, #cboxCurrent, #cboxSlideshow{color:#227129;}
#cboxShare{border-bottom:solid 1px #6CB672;height:25px;margin-bottom:5px;}
.footer{border-top:1px solid #BECDC3;padding:10px;text-align:center;color:#227129;clear:both;}
.footer .nav{margin-bottom:5px;}
.footer .nav a{text-decoration:none;color:#227129;font-weight:bold;}
.footer .nav a:hover{color:black;}
.footer a{text-decoration:none;color:black;}
table.dates{float:none;clear:both;width:340px;color:#227129;font-weight:bold;margin:0px auto;}
table.dates td:nth-child(2){text-align:right;}
.mainnav{clear:right;float:right;width:100%;margin-top:10px;}
.mainnav ul{float:right;}
.mainnav li{float:left;list-style-type:none;margin-right:1px;padding:5px 17.8px;background:linear-gradient(to bottom, #95D19D 0%, #F4FBF4 100%);line-height:25px;}
.mainnav li a{text-decoration:none;color:black;}
.mainnav li:hover{background:#95D19D;color:Black;}
.mainnav li:hover a{color:Black;}
.mainnav ul ul{display:none;}
.mainnav ul li:hover > ul{display:block;}
.mainnav ul ul > li{float:none;background:#ddf2e4;}
ul.sub{position:absolute;margin:5px -18px;z-index:999;}
ul.sub li:hover a{color:Black !important;}
li.active{background:#95D19D !important;}
.poll{margin-bottom:12px;height:auto;}
.pds-box{width:258px !important;}
.pds-links, .pds-pd-link{display:none !important;}
.pds-box-top{padding:0 8px !important;}
.social{position:absolute;left:0;top:50%;}
.social li{list-style-type:none;float:left;}
.addthis_toolbox{margin-top:10px;}
.datepick {
    background: #fff;
    padding: 5px;
}

.datepick {
    position: absolute;
    right: 1%;
    margin-top: 4px;
}

.datepick img{width:20px}
.d-none{
    display:none;
}
.ggl-show {
    width: 320px;
    height: 110px;
    
    position: absolute;
    margin-top: 15px;
    top:0;
}
    .ggl-show:nth-child(2) {
        right: 0;
        top: 0;
    }