.none {
    display: none;
}

/***paging***/
.bottomCenter,
.bottomCenter .RadDataPager_Vista {
    background: #c6c6bd !important;
}

figcaption .smallFont {font-size:1rem;width:100%; }

/*************************MANAGING******************************************/
.authoring table {
    z-index: 7000 !important;
}
/**serviceDiv**/
#serviceDiv {
    width: 500px;
    height: auto;
    z-index: 10000;
}

.serviceDiv {
    width: 500px;
    float: right;
    padding: 0 20px;
}

.editImg {
    width: 300px;
}

.serviceSmallDiv {
    width: 180px;
    float: right;
}

.serviceDivWrapper {
    width: 1000px;
    float: none;
}

.imgEdit {
    width: 200px;
    height: 100px;
}
/**template Instructions**/

.instructions {
    position: absolute;
    left: 0;
    top: 0;
}

#templateInstructionsDiv {
    padding: 0;
    width: 100%;
    height: auto;
    overflow: visible;
    float: right;
}

    #templateInstructionsDiv #captionDiv {
        color: #323232;
        text-align: right;
        font-weight: bold;
        font-size: 16px;
        padding: 0 0 10px 0;
    }

        #templateInstructionsDiv #captionDiv .header {
            color: #323232;
        }

    #templateInstructionsDiv #instructionsDiv {
        background: #eee;
        width: 100%;
        padding: 0 10px;
        height: auto;
        text-align: right;
        float: right;
        color: #000;
        font-size: 14px;
    }


/*service lobby*/
#serviceLobby {
    background: #fff;
    width: 900px;
    height: auto;
    text-align: center;
    float: right;
    margin: 20px;
}

    #serviceLobby #midDiv {
        width: 650px;
        height: auto;
        text-align: center;
        float: right;
    }

    #serviceLobby #leftDiv {
        width: 250px;
        height: auto;
        text-align: center;
        float: left;
    }

        #serviceLobby #leftDiv #imgDiv .img {
            width: 250px;
            height: auto;
            float: left;
        }

    #serviceLobby .inner {
        background: url(/Rsrc/Images/boxBG290.png) no-repeat;
        width: 292px;
        height: 35px;
        text-align: center;
        float: right;
        color: #323232;
        font-weight: bold;
        font-size: 24px;
        padding: 30px 0;
        margin: 5px;
    }

        #serviceLobby .inner a {
            color: #323232;
            font-weight: bold;
            font-size: 24px;
        }
/*manage*/


#manageOut {
    width: 960px;
    height: auto;
    text-align: center;
    float: none;
    color: #323232;
    padding-top: 30px;
}

    #manageOut #caption {
        height: 32px;
        width: 100%;
        float: right;
        text-align: right;
        color: #323232;
        margin: 20px 0;
        font-size: 26px;
    }

#manage {
    background: #efefef;
    float: right;
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #323232;
}

    #manage table {
        color: #323232;
        float: right;
        border: none;
    }

    #manage .mainDisplay {
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    #manage ul {
        width: auto;
    }

    #manage .display {
        width: 600px;
        height: auto;
        text-align: right;
        margin-bottom: 10px;
        float: right;
    }

    #manage .displayBig {
        width: 900px;
        height: auto;
        text-align: right;
        margin-bottom: 10px;
        float: right;
    }

    #manage .displayLong {
        width: 900px;
        height: auto;
        text-align: right;
        margin-bottom: 10px;
        float: right;
    }

    #manage .display .input {
        width: 250px;
        height: 20px;
        text-align: right;
        float: right;
    }

        #manage .display .input:hover {
            width: 250px;
            height: 20px;
            text-align: right;
            float: right;
        }

    #manage .display .label {
        color: #323232 !important;
        width: 150px;
        height: auto;
        text-align: right;
        float: right;
        font-weight: bold;
    }

    #manage .display .rfdLabel {
        color: #323232;
        font-weight: bold;
    }

    #manage .display .text {
        width: 400px;
        height: 20px;
        text-align: right;
        float: right;
    }

    #manage .display .textBig {
        width: 400px;
        height: 100px;
        text-align: right;
        float: right;
    }

    #manage .display .captionDiv {
        width: 150px;
        height: 20px;
        text-align: right;
        float: right;
    }

    #manage .inputLtr {
        width: 250px;
        height: 20px;
        text-align: left;
        float: right;
        direction: ltr;
    }

    #manage #bannersGridDiv {
        width: 960px;
        float: right;
        margin-bottom: 30px;
    }

#manageDiv #excelDiv {
    width: 900px;
    height: auto;
    text-align: right;
    float: right;
    margin-bottom: 20px;
}

#manage a {
    color: #323232;
}

#manage .gridHeader {
    background: #323232;
    text-align: right;
    font-size: 14px;
    color: #fff;
    height: 30px;
    padding: 5px;
    font-weight: bold;
}

    #manage .gridHeader a {
        text-align: right;
        font-size: 14px;
        color: #fff;
        float: right;
    }

#manage .gridRow {
    background: #fff;
    color: #555;
    font-size: 13px;
    height: 15px;
    width: auto;
    padding: 10px 5px 5px 5px;
    text-align: right;
    direction: rtl;
    margin: 0 10px;
}

    #manage .gridRow a {
        color: #555;
    }

#manage .gridRowAlt {
    background: #efefef;
    color: #555;
    font-size: 13px;
    height: 15px;
    width: auto;
    padding: 10px 5px 5px 5px;
    text-align: right;
    direction: rtl;
    margin: 0 10px;
}

#manage .saveBtn {
    background: #f3f3f3 url(/Rsrc/Images/sendForm.png) no-repeat;
    height: 25px;
    width: 94px;
    color: #fff;
    float: right;
    text-align: center;
}

#manage #buttonsDiv {
    margin: 20px 0;
    float: left;
}

#manage .page {
    float: right;
    margin: 20px 0;
}

#manage .btnSearch {
    background: url(/Rsrc/Images/sendForm.jpg) no-repeat;
    width: auto;
    height: 25px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-style: none;
    padding: 0 10px 0 10px;
}

#manage .addDiv {
    float: right;
    margin-bottom: 30px;
}

#manage #combosDiv {
    margin: 20px 0;
    float: right;
}


.RadEditor.reWrapper table {
    margin-bottom: 20px;
    border: 0px solid #aaa;
}




/*automatic paging*/
.pagingAuto table {
    width: 50px;
}

.pagingAuto a {
    font-size: 12px;
    color: #323232;
}

.pagingAuto {
    text-align: right;
    font-size: 12px;
    color: #323232;
    padding: 5px;
}

    .pagingAuto td {
        text-align: right;
        padding: 5px;
    }

/**metaControl**/
#metaControl {
    background: #fff;
    width: 470px;
    height: auto;
    text-align: right;
    float: right;
    border: 1px solid #efefef;
}

    #metaControl .display {
        width: 470px;
        height: auto;
        float: right;
    }

    #metaControl .label {
        color: #8d1835;
        text-align: right;
        font-weight: bold;
        font-size: 14px;
        float: right;
        width: 120px;
    }
    /*not displayed*/
    #metaControl .text {
        color: #555;
        text-align: right;
        font-size: 13px;
        float: left;
        width: 470px;
    }

/*for popup window**/
.RadWindow .rwTable {
    direction: rtl;
    width: 1000px;
}

.RadWindow .rwControlButtons {
    float: right;
    width: 100px !important;
}

    .RadWindow .rwControlButtons li {
        float: right;
        width: 20px !important;
    }

#contactUs .displayCaptcha span {
    width: 250px;
    float: right;
    color: #000;
    text-align: right;
    direction: ltr;
}



/*blick going*/
a.skip {
	height: 100px;
	left: auto;
	position: absolute;
	top: -1000px;
	/*width: 1px;*/
	width:auto; 
   font-size: 1.2em;
}
a.skip:focus, a.skip:active {
	background:#f6be47 none repeat scroll 0 0;
    color:#000;
	height:auto;
	right:36%;
	left: auto;
	padding:4px;
	position:absolute;
	top:65px;
	z-index:1000;
	text-align: center;
	font-weight: bold;
	direction: rtl;
}
a.skip:focus span, a.skip:active span{
	direction: ltr;
}
.offscreen {
	display:block;
	overflow:hidden;
	/*text-indent:-9000px;*/
	left:auto;
	position: absolute;
	direction: ltr;
	top:-9999px;
	/*direction: ltr;
	position: absolute;
	top:-1000px;
	right: -10000px;*/
}
#topNav{  color: #333;
  width: 92%;
  /*min-height: 40px;*/
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 2px 0 0 0;}
#topNav ul
  {
      list-style: none;
  margin: 0;
  padding: 0;

}
 
#topNav ul li{
	float: right;
	display: inline;
	direction: ltr;
}


/* Lightbox for accessible popup*/
.lightbox {padding:25px 15px 15px;position: relative;width:300px;}
.mfp-container {width:70%;min-height:500px;}
.lightbox .mask { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; background: #000; opacity: 0.56; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=56)"; }

.lightbox .box.search_popup { width: 100%; height:500px;margin:0 20%; max-height: 453px; width: 290px; background-color: #EEE; border: 3px solid #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 2px 21px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 21px rgba(0, 0, 0, 0.75); box-shadow: 0 2px 21px rgba(0, 0, 0, 0.75); position: relative; }
.lightbox .box.search_popup .top { width: 290px; position: absolute; right: -3px; top: -3px; height: 50px; line-height: 44px; padding-right: 12px; color: #FFF; font-size: 16px; font-weight: 700; text-align: right; background-color: #01569E; border: 3px solid #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); z-index: 2; }
.lightbox .box.search_popup .top > .icon { vertical-align: middle; font-size: 20px; margin-left: 5px; }
.lightbox .box.search_popup .inner { height: 100%; padding: 77px 14px 0 15px; text-align: right; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.lightbox .box.search_popup .search { margin-bottom: 20px; height: 35px; padding-left: 10px; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.39);-webkit-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.39);box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.39);*/ position: relative; }
.lightbox .box.search_popup .search input[type='text'] { width: 100%; height: 35px; border: none; background: none; text-indent: 10px; font-size: 16px; }
.lightbox .box.search_popup .search .btn { width: 70px; height: 27px; line-height: 27px; font-size: 16px; font-weight: 700; text-decoration: none; text-align: center; color: #FFF; position: absolute; left: 3px; top: 4px; background-color: #01569E; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.lightbox .box.search_popup .search .btn:hover { background: #014785; }
.lightbox .box.search_popup .search .btn .icon { font-size: 12px; vertical-align: middle; position: relative; right: 5px; }
.lightbox .box.search_popup .inner .title { color: #232323; line-height: 16px; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.lightbox .box.search_popup .inner ul { margin-bottom: 17px; }
.lightbox .box.search_popup .inner ul > li { margin-bottom: 2px; }
.lightbox .box.search_popup .inner ul > li:last-child { margin-bottom: 0; }
.lightbox .box.search_popup .inner ul > li a { height: 35px; line-height: 35px; padding-right: 20px; color: #232323; font-size: 16px; font-weight: 300; border-right: 3px solid #01569E; background-color: #FFF; display: block; text-decoration: none; position: relative; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.lightbox .box.search_popup .inner ul > li a:hover { background: #01569e; color: #FFF; }
.lightbox .box.search_popup .inner ul > li a .icon { color: #01569E; font-size: 12px; position: absolute; left: 12px; top: 9px; }
.lightbox .box.search_popup .inner ul > li a:hover .icon { color: #FFF; }
.lightbox .box.search_popup .inner .allupdates { color: #01569E; line-height: 24px; font-size: 18px; margin-bottom: 18px; font-weight: 700; text-decoration: none; margin-right: 20px; display: inline-block; }
.lightbox .box.search_popup .inner .allupdates:hover { text-decoration: underline; }
.lightbox .box.search_popup .inner .allupdates .icon { font-size: 10px; vertical-align: middle; margin-right: 5px; }


.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{max-width:1170px;padding:25px 0px;direction: rtl;text-align:right;}
.mfp-close{width:30px;height:30px;color: #fff;left:15px;top:4px;}

.mfp-close:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-size: 0;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f00d";font-size: 24px;}

.mfp-hide{display:none;}




.zmani{ font-size:30px;}


/*for siteMap to looks netter without bottom border and correct placew to the bulllet*/
.RadSiteMap .rsmLink{border:none!important;}
.rsmImage{ vertical-align:middle!important;margin-left:10px!important;}

/*add candle - response after lighting a candle*/
.thankYou{ text-align:center; padding-top:20px; font-size: 1.5rem;}
.candlesRoom{ padding-top:20px;}


/*.accessibility {position:relative;top:2px; float: left; margin-left: 5px; z-index:9000;list-style:none;}
.accessibility > li { display: inline-block; vertical-align: middle; margin-right: 8px; }
.accessibility > li .icon { font-size: 18px; line-height: 20px; text-decoration: none; display: block; color: #989898; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.accessibility > li .icon:hover, .header .top .left .accessibility > li .icon:active, .header .top .left .accessibility > li .icon:focus, .header .top .left .accessibility > li .icon.active { color: #4d4d4d; }*/

/*headings inside text editor*/
.textDiv h2{font-size:1.25rem; font-weight:bold; margin-bottom: 0.1rem;}


.buttons{ float:left!important;}

.searchResultTemplate{font-weight:bold;}


#contactUsMain h2{font-size:1.6rem; font-weight:bold;}
.createdDiv img{ margin-top:-8px}

#showSearch{cursor:pointer; width:100%;}
#hideSearch{cursor:pointer; width:100%;}
.hide{display:none!important;}




.nofel-details .smallCaption{font-size:1.50rem;}
.nofel-details .mediumCaption{font-size:1.75rem;}
.nofel-details .normalCaption{font-size:2rem;}


.list-generic .smallCaption{font-size:77%;}
.list-generic .mediumCaption{font-size:88%;}

.createdDivColor a{color:#454547;}

.authoring {box-sizing:content-box!important;}



/* Mayors box */
.commanders_box .main_title{color: #f3a242;line-height:18px;font-size: 20px;font-weight: 700;display: block;margin-bottom:15px;}
.commanders_box .inner{padding:0;}
.commanders_box .list{margin-left:-15px;}
.commanders_box .list:after{content:'';clear:both;display: table;}
.commanders_box .list .item{padding-left:15px;float:right;width:100%;margin-bottom:50px;}
.commanders_box .list .item a{display: block;width:200px;height:auto;margin:0 auto;}
.commanders_box .list .item a:hover .name{color:#000000;}
.commanders_box .list .item a .image{height: 240px;width:100%;border: 2px solid #f3a242;margin-bottom:1px;position: relative;overflow: hidden;padding:10px;}
.commanders_box .list .item a .image .cover{background-position: center; position: relative;left:0;top:0;width:100%;height:100%;background-size:cover;}
.commanders_box .list .item a .name{height:30px;line-height:22px;color: #000;font-size: 18px;font-weight: 700;text-align: center;}
.commanders_box .list .item a .date li{text-align:center;font-size:16px;font-weight:bold;color:#000;}
.commanders_box .list .item ul { list-style:none;margin-right:0;}
@media screen and (min-width: 568px) and (max-width: 767px) {
    .commanders_box .list .item{width:50%;}
}
@media screen and (min-width: 768px) {
    .commanders_box .main_title{margin-bottom:34px;}
    .commanders_box .list{margin-left:-20px;}
    .commanders_box .list .item{padding-left:20px;width:33.3333%;margin-bottom:75px;}
    .commanders_box .list .item a{width:143px;height:235px;padding:0;}
    .commanders_box .userbar{padding-top:0;}
}
@media screen and (min-width: 1024px) {
    .commanders_box .main_title{margin-bottom:44px;}
    .commanders_box .inner{padding:0 18px 0 90px;}
    .commanders_box .list{margin-left:-85px;}
    .commanders_box .list .item{padding-left:85px;margin-bottom:75px;}
    .commanders_box .list .item a{width:180px;height:235px;padding:0;}
    .commanders_box .list .item a .name{height:23px;line-height:23px;font-size:18px;}
    .commanders_box .list .item a .date{height:23px;line-height:16px;font-size:18px; text-align:center;}