fieldset,
hr {
    border: 0;
    padding: 0
}

.carouselKGO,
.ui-dialog {
    direction: ltr
}

table.AEQPradio input {
    float: right!important;
    margin: 7px 0 0 7px
}

table.AEQPradio label {
    margin-left: 32px;
    display: inline!important
}
.festival img{
	margin-top:10px;
}

.spacer,
.spacer-10,
article,
aside,
footer,
header,
hgroup,
hr,
nav,
section {
    display: block
}

table.AEQPradio {
    width: 200px
}


@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidNaskh-Regular.eot);
    src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Cairo.woff) format('woff'), url(../fonts/DroidNaskh-Regular.ttf) format('truetype')
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidNaskh-Bold.eot);
    src: url(../fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Cairo-ExtraBold.ttf) format('truetype'), 
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Cairo.woff) format('woff'), url(../fonts/DroidKufi-Regular.ttf) format('truetype')
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidKufi-Bold.eot);
    src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Cairo.woff) format('woff'), url(../fonts/Cairo-ExtraBold.ttf) format('truetype')
}



button,
html,
input,
select,
textarea {
    color: #222
}

html {
    font-size: 14px;
    overflow-y: scroll
}

body {
    height: 100%;
    font-family: 'Cairo', Tahoma;
    background-size: auto
}

::-moz-selection {
    background: #8b1738;
    text-shadow: none
}

::selection {
    background: #8b1738;
    text-shadow: none
}

hr {
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

audio,
canvas,
img,
video {
    vertical-align: middle
}

fieldset {
    margin: 0
}

textarea {
    resize: vertical
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.link-item a,
.link-item a:link,
.link-item a:visited,
.ms-WPBody a:link,
.ms-WPBody a:visited,
.ms-WPTitle a,
.ms-linksection-level1 ul li a,
.ms-linksection-level1 ul li a:visited,
.ms-ltviewselectormenuheader .ms-viewselector a,
.ms-ltviewselectormenuheader .ms-viewselector a:visited,
.ms-ltviewselectormenuheader .ms-viewselectorhover a,
.ms-ltviewselectormenuheader .ms-viewselectorhover a:visited,
.ms-menutoolbar td a,
.ms-vb a:link,
.ms-vb a:visited,
.ms-vb-user a:link,
.ms-vb-user a:visited,
.ms-vb2 a:link,
.ms-vb2 a:visited,
.s4-ql a.selected,
.s4-ql ul.root ul>li>a,
.s4-ql ul.root>li>.menu-item,
.s4-qlheader,
.s4-qlheader:visited,
.s4-title h1 a,
.s4-title h2 a,
.s4-tn li.static>.menu-item,
a.ms-addnew,
a.ms-addnew:visited,
a:active,
a:hover,
a:link,
a:visited {
    color: #8b1738;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.link-item a:hover,
.ms-WPBody a:hover,
.ms-disc a:hover,
.ms-linksection-level1 ul li a:hover,
.ms-ltviewselectormenuheader .ms-viewselector a:hover,
.ms-ltviewselectormenuheader .ms-viewselectorhover a:hover,
.ms-menutoolbar td a:hover,
.ms-propertysheet a:hover,
.ms-rtestate-field a:hover,
.ms-sectionheader a:hover,
.ms-vb a:hover,
.ms-vb-user a:hover,
.ms-vb2 a:hover,
.ms-vh a:hover,
.ms-vh2 a:hover,
.ms-vh2-nofilter a:hover,
.ms-vh2-nofilter-notextalign a:hover,
.s4-ql ul.root ul>li>a:hover,
.s4-ql ul.root>li>a:hover,
.s4-ql ul>li>a:hover,
.s4-qlheader:hover,
.s4-title h1 a:hover,
.s4-title h2 a:hover,
.s4-tn li.static>a:hover,
.s4-toplinks .s4-tn a.selected:hover,
a.ms-addnew:hover,
a.ms-toolbar:hover {
    color: #8b1738;
    text-decoration: underline;
    opacity: .8
}

.link-item a:active,
.ms-linksection-level1 ul li a:active,
.ms-ltviewselectormenuheader .ms-viewselector a:active,
.ms-ltviewselectormenuheader .ms-viewselectorhover a:active,
.ms-vb a:active,
.ms-vb-user a:active,
.ms-vb2 a:active,
a.ms-addnew:active {
    color: #8b1738;
    text-decoration: none
}

.ms-addnew a,
.ms-addnew a:visited,
.ms-navitem a:link,
.ms-navitem a:visited,
.ms-selectorlink a,
.ms-selectorlink a:visited,
.ms-viewlsts .ms-vb2>a,
.ms-viewlsts .ms-vb2>a:visited,
.s4-ql a.selected,
.s4-ql a.selected:visited {
    color: #8b1738!important;
    text-decoration: none!important
}

.ms-WPTitle a:hover,
.ms-addnew a:hover,
.ms-navitem a:hover,
.ms-selectorlink a:hover,
.ms-viewlsts .ms-vb2>a:hover,
.s4-ql a.selected:hover,
tr.ms-itmhover a:hover,
tr.s4-itm-hover a:hover {
    color: #8b1738!important;
    text-decoration: underline!important
}

.ms-addnew a:active,
.ms-navitem a:active,
.ms-viewlsts .ms-vb2>a:active,
.s4-ql a.selected:active {
    color: #8b1738!important;
    text-decoration: none!important
}

.ms-selectorlink a,
.ms-selectorlink a:visited {
    font-family: inherit!important
}

.article-content,
.description,
.headertitle,
.level-description,
.link-item,
.medium,
.ms-SPZoneLabel,
.ms-SPZoneTitle,
.ms-bottompaging .ms-paging,
.ms-createpageinformation table td,
.ms-createpageinformation th,
.ms-descriptiontext,
.ms-formlabel,
.ms-formtoolbar,
.ms-gb,
.ms-gb .ms-standardheader,
.ms-gb2,
.ms-gbload,
.ms-linksection-level1 h3,
.ms-linksectionheader,
.ms-linksectionheader .ms-standardheader,
.ms-listedit .ms-gb .ms-vh2,
.ms-listedit .ms-gb .ms-vh2-nofilter,
.ms-listedit .ms-linksectionheader,
.ms-listedit .ms-linksectionheader .ms-standardheader,
.ms-listedit .ms-standardheader,
.ms-listheaderlabel,
.ms-pageinformation h3.ms-standardheader,
.ms-pageinformation table td,
.ms-pageinformation th,
.ms-paging,
.ms-pb,
.ms-pb-selected td,
.ms-ph,
.ms-propertysheet,
.ms-rteElement-P,
.ms-rtefield,
.ms-sectionheader,
.ms-socialNotif-text,
.ms-standardheader,
.ms-toolbar,
.ms-toolbarContainer,
.ms-vb,
.ms-vb-tall,
.ms-vb-user,
.ms-vb2,
.ms-vh,
.ms-vh-icon-empty,
.ms-vh2,
.ms-vh2-nofilter,
.ms-vh2-nofilter-icon,
.ms-vh2-nofilter-notextalign,
.ms-vh2-nograd,
.ms-vh2-nograd-icon,
.ms-vh3-nograd,
.ms-vhImage,
.ms-viewlsts-noitems>b,
.s4-search input.ms-sbplain,
.s4-search select.ms-sbscopes,
.s4-specialNavLinkList a:hover>span.ms-splinkbutton-text,
.s4-title .s4-pagedescription,
.s4-title .s4uniqpermdescription,
.s4-title h2,
.tmt-name,
.welcome-content,
groupheader,
table.ms-disc td,
th .ms-vb,
th.ms-vh2-nograd,
th.ms-vh2-nograd-icon {
    color: inherit
}

.ms-viewlsts th.ms-vh2-nofilter {
    color: inherit!important
}

.ms-cui-menu a:active,
.ms-cui-menu a:hover,
.ms-cui-menu a:link,
.ms-cui-menu a:visited,
.ms-cui-ribbon a:active,
.ms-cui-ribbon a:hover,
.ms-cui-ribbon a:link,
.ms-cui-ribbon a:visited,
.ms-menutoolbar td a,
.ms-menutoolbar td a:hover,
.ms-siteactionsmenu>span>a,
.s4-specialNavLinkList a:hover>span.ms-splinkbutton-text,
a.ms-socialNotif {
    text-decoration: none
}

.wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1090px
}

a:active,
a:hover {
    outline: 0
}

.NormalLink:active,
.NormalLink:hover,
.NormalLink:link,
.NormalLink:visited {
    color: #8b1738;
    font-weight: 400;
    font-size: 13px;
    text-decoration: underline
}

.NormalLink:hover {
    text-decoration: underline;
    color: #8b1738
}

.ContentBlock {
    font-size: 14px;
    padding: 15px;
    color: #494848
}

.AlignCenter {
    text-align: center
}

.AlignRight {
    text-align: right
}

.AlignLeft {
    text-align: left
}

.AlignRightCenter {
    text-align: right
}

.AlignLeftCenter {
    text-align: left
}

.right {
    float: right
}

.left {
    float: left
}

.clear {
    clear: both
}

.spacer {
    height: 5px
}

.spacer-10 {
    height: 10px
}

.ColorRed {
    color: red
}

.ColorGreen {
    color: #2ea114;
    font-size: 13px
}

.ColorGrey,
table .ColorGrey {
    color: #585757;
    font-size: 12px
}

.ImgBdr {
    border: 1px solid #eee;
    padding: 2px
}

.ImgResponsive {
    display: block;
    width: 100%;
    height: auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 5px 0;
    padding: 0;
    font-family: 'Droid Arabic Kufi', Arial, HelveticaNeue, Tahoma;
    letter-spacing: 0;
    font-weight:bold;
}

.container h1 {
    font-size: 24px;
    color: #8b1738;
    font-weight: 700;
    text-shadow: 1px 2px 1px #dcdcdc;
    line-height: 36px
}

.container h2,
.container h3 {
    /*font-size: 24px;*/
    color: #151515;
    text-shadow: 1px 2px 1px #dcdcdc
}

.container h3 {
    font-weight: 400
}

.container h4 {
    font-size: 16px;
    color: #8b1738;
    text-shadow: 1px 2px 1px #dcdcdc
}

.container h5 {
    font-size: 14px !important;
    color: #151515;
    text-shadow: 1px 2px 1px #dcdcdc
}

.container h6 {
    font-size: 16px;
    color: #151515;
    font-weight: lighter;
    padding: 0 5px
}

.container .slides h3 {
    font-size: 14px;
    color: #8b1738;
    font-weight: 400;
    text-align: center;
    width: 150px;
    margin: 0 auto
}

.PhoneNo,
.PhoneText {
    font-weight: 700;
    color: #adbeee
}

.HomePageCol1 h1,
.HomePageCol2 h1 {
    text-shadow: 1px 3px 1px #dcdcdc;
    font-size: 18px;
    font-weight: 700
}

.ContentPage h1,
.ContentPage h2,
.ContentPage h3,
.ContentPage h4,
.ContentPage h5 {
    text-shadow: 1px 2px 1px #dcdcdc
}

#LinkPrayerTime,
.ms-WPBody p,
p {
    font-size: 14px
}

.TopPageWrapper h1 {
    margin: 0;
    padding: 0;
    color: #fff
}

.ContentPage h1,
.ContentPage h2 {
    margin: 4px 2px 10px
}

.ContentPage h3 {
    margin: 25px 2px 2px
}

.ContentPage h4 {
    margin: 20px 2px 10px
}

.ContentPage h5,
.ContentPage h6 {
    margin: 4px 2px 8px
}

.ms-WPBody p,
p {
    font-family: 'Cairo', Tahoma;
    color: #494848
}

.BoxContainer p {
    padding: 5px 15px 15px;
    margin: 0
}

.ContentPage .ms-rtestate-field p,
.ContentPage p {
    margin: 0 0 20px;
    font-size: 14px;
    color: #494848;
    line-height: 36px
}

.ContentPage .BlueServiceCnt p {
    color: #494444
}

.ContentPage .mini-image-list {
    padding: 0 10px 0 0;
    list-style: none;
    font-size: 13px
}

.NewsDate {
    font-size: 11px;
    color: #939393
}

.MainWrapper {
    width: 100%;
    margin: 0 auto
}

header {
    background-color: #8b1738;
    border-bottom: 1px solid #f8d952;
    min-height: 122px
}

.TopWrapper {
    background-color: #8b1738;
    width: 100%;
    border-bottom: 1px solid #f8d952;
    min-height: 25px
}

.logo {
    width: 45%;
    float: right;
    text-align: right
}

.logo img {
    margin: 4px 0 0
}

.logoRightArea {
    margin: 20px 0;
    float: left;
    text-align: center;
}

.logoRightArea .TopNav {
    font-size: 14px;
    color: #fff
}

.logoRightArea .TopNav a:link,
.logoRightArea .TopNav a:visited {
    color: #fff
}

.logoRightArea .span_1_of_4 {
    width: 37.8%
}

.logoRightArea .span_3_of_4 {
    width: 60.6%
}

.logo h1 {
    display: none
}

.DateTime {
    color: #adbeee;
    font-size: 11px
}

.PhoneNo {
    font-size: 16px;
    padding: 0 10px
}

.PhoneText {
    font-size: 14px;
    padding: 0 20px 0 0
}

.HeadingSection,
.SearchIconLinks {
    background-color: #f4f4f4;
    border-bottom: 9px solid #b4b4b4;
    padding: 0
}

.SliderNewsBg {
    background-image: url(../img/SliderNewsBg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    min-height: 240px
}

.HeadingSection {
    text-align: right
}

.ContentBase {
    width: 100%;
    background: url(../img/GreyDots.png)
}

.ContentBaseDarkGrey {
    width: 100%;
    background: url(../img/DarkGreyDots.png)
}

.NewsSection>span {
    margin-bottom: 10px;
    display: block;
    min-height: 65px
}

.NewsSection a:active,
.NewsSection a:hover,
.NewsSection a:link,
.NewsSection a:visited {
    color: #1b83bb;
    font-weight: 400;
    font-size: 13px
}

.NewsSection a:hover {
    text-decoration: underline;
    color: #216e97
}

.BannerContainer {
    background-color: #fff;
    border: 1px solid #d3d2d2;
    padding: 4px
}

.BannerImg img {
    width: 100%;
    height: auto
}

.ContentBase .BannerContainer {
    margin: 10px 0
}

.breadcrumb,
.breadcrumb .ms-WPBody {
    font-size: 13px;
    color: #7b7b7b;
    line-height: 20px;
    padding: 0 10px 0px 10px;
    font-weight: 400;
    text-shadow: 0 0 0 #dcdcdc;
    font-family: 'Cairo', Tahoma
}

.breadcrumb a:active,
.breadcrumb a:hover,
.breadcrumb a:link,
.breadcrumb a:visited {
    font-size: 13px;
    color: #494848;
    text-decoration: none;
    font-family: 'Cairo', Tahoma
}

.breadcrumb a:hover {
    text-decoration: underline;
    color: #494848;
    opacity: .8
}

.MapCnt {
    width: 100%;
    float: left;
    height: 400px
}

.ContactMap {
    width: 100%;
    float: left;
    height: 250px
}

.RedSpeakerCNt {
    position: absolute;
    bottom: 8px;
    left: 0;
    text-align: left
}

.MainTabsHomePage .RedSpeakerCNt {
    position: absolute;
    top: 0;
    left: 15px;
    text-align: right
}

.TopNav {
    font-size: 11px;
    color: #adbeee
}

.TopNav a:active,
.TopNav a:hover,
.TopNav a:link,
.TopNav a:visited {
    padding: 0 10px 4px 14px;
    color: #adbeee;
    font-weight: 400;
    display: inline-block;
    height: 10px;
    border-right: 1px solid #667BB6;
    text-align: center;
    vertical-align: middle
}

.TopNav a:hover {
    text-decoration: underline;
    opacity: .8
}

.TopNav>a:first-child {
    border-right: 0 solid #adbeee
}

.KGOSearchDetails .TopNav a:active,
.KGOSearchDetails .TopNav a:hover,
.KGOSearchDetails .TopNav a:link,
.KGOSearchDetails .TopNav a:visited,
.SearchIconLinks .TopNav a:active,
.SearchIconLinks .TopNav a:hover,
.SearchIconLinks .TopNav a:link,
.SearchIconLinks .TopNav a:visited {
    font-size: 14px;
    font-family: 'Cairo', Tahoma;
    padding: 0 10px 4px 14px;
    color: #8b1738;
    font-weight: 400;
    display: inline-block;
    height: 10px;
    border-right: 1px solid #e9e7e7;
    text-align: center;
    vertical-align: middle;
    margin: 6px 0 10px
}

.KGOSearchDetails .TopNav a:hover,
.SearchIconLinks .TopNav a:hover {
    text-decoration: underline;
    opacity: .8
}

.KGOSearchDetails .TopNav>a:first-child,
.SearchIconLinks .TopNav>a:first-child {
    border-right: 0 solid #adbeee
}

.SocialIcons {
    margin: 0
}

.SocialIcons a:active,
.SocialIcons a:hover,
.SocialIcons a:link,
.SocialIcons a:visited {
    height: 22px;
    width: 22px;
    padding: 2px;
    color: #fff
}

.SocialIcons a:hover {
    opacity: .8
}

.SocialIcons .fa-facebook-square{
	display:none;
}

.SearchBox {
    float: right;
    height: 35px;
    padding: 2px 12px 0 0
}

.UtilityIcons {
    text-align: center
}

.UtilityIcons a:active,
.UtilityIcons a:hover,
.UtilityIcons a:link,
.UtilityIcons a:visited {
    height: 32px;
    width: 48px;
    padding: 6px 0;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #DCDCDC;
    margin: 0 3px 5px;
    text-align: center
}

.UtilityIcons a:hover {
    opacity: .6
}

.ServiceMoreLink a:active,
.ServiceMoreLink a:hover,
.ServiceMoreLink a:link,
.ServiceMoreLink a:visited {
    font-family: 'Cairo', Arial, HelveticaNeue, Tahoma
}

.ServiceMoreLink {
    font-size: 14px;
    padding: 5px
}

.ServiceMoreLink i {
    font-size: 12px;
    padding: 1px 4px 1px 1px
}

.MainTabsHomePage {
    min-height: 440px
}

.TabsOption {
    padding: 0 0 0 20px
}

.ELinks {
    padding: 0 20px 0 0
}

.ELinks a.button {
    margin: 0 10px 10px 0
}

.FeedbackPoll {
    font-size: 14px;
    padding: 15px;
    color: #494848
}

.container .FeedbackPoll h1 {
    line-height: 18px
}

.FeedbackPoll ul.poll {
    margin: 0;
    padding: 10px
}

.FeedbackPoll ul.poll>li {
    list-style-type: none;
    margin: 0 0 10px
}

.container {
    width: 100%
}

.ContentPage {
    margin: 12px;
    min-height: 300px
}

#FullColumn .ContentPage {
    padding: 0
}

.MainPageCnt {
    width: 100%;
    background-color: #fff
}

.NewsArchive {
    margin: 10px 0 0
}

.NewsArchive .col1 {
    float: left;
    width: 60%;
    margin-right: .5%
}

.NewsArchive .col2 {
    float: right;
    width: 39%;
    margin-left: .5%
}

.ImgLeft,
.ImgRight {
    clear: left;
    padding: 2px;
    margin: 4px;
    float: left;
    display: block
}

.ImgLeft {
    border: 1px solid #f4f4f4
}

.ImgRight {
    border: 1px solid #d0cfcf
}

.NewsArchive .ImgLeft,
.NewsArchive .ImgRight {
    margin: 20px
}

.WrapperFooter {
    width: 100%;
    background-color: #8b1738
}

.WrapperCopyRight {
    width: 100%;
    background-color: #8b1738
}

footer {
    width: 100%
}

#wrapper {
    position: relative
}

.copyright {
    color: #fff;
    font-size: 13px;
    line-height: 35px
}

.GOVTopNav {
    background-color: #fff;
    border-bottom: 1px solid #d0cfcf
}

.TabNewsAnc {
    background-color: #fff;
    min-height: 218px
}

.NewsAncLink {
    padding: 10px
}

.NewsAncLink a:active,
.NewsAncLink a:hover,
.NewsAncLink a:link,
.NewsAncLink a:visited {
    font-size: 12px;
    color: #8b1738;
    font-weight: 400;
    border-left: 1px solid #8b1738;
    padding: 0 14px
}

.NewsAncLink a:hover {
    text-decoration: underline;
    opacity: .8
}

.NewsAncLink>a:last-child {
    border-left: 0 solid #adbeee
}

div.horizontal_scroller,
div.vertical_scroller {
    position: relative;
    height: 30px;
    display: block;
    overflow: hidden;
    border: 0;
    outline: 0;
    margin: 5px 2px 0
}

div.scrollingtext {
    position: absolute;
    white-space: nowrap;
    font-size: 13px;
    border: 0;
    outline: 0
}

.scrollingtext a:active,
.scrollingtext a:hover,
.scrollingtext a:link,
.scrollingtext a:visited {
    color: #fff;
    text-shadow: 1px 1px 1px #3c3c3c;
    margin: 0 25px;
    text-decoration: none;
    border: 0;
    outline: 0
}

.scrollingtext a:hover {
    text-decoration: underline;
    color: #cdcdcd;
    border: 0
}

.SideBarLinkPanel p {
    padding: 16px
}

.SideBarLinkPanel h4 {
    padding: 16px 16px 0
}

.testimonial p {
    padding: 20px;
    font-size: 16px;
    font-style: italic
}

.testimonial {
    background: #f4f3f3;
    padding: 0;
    position: relative;
    color: #222;
    width: 90%;
    margin: 20px auto
}

.BoxCntWhite,
.BoxContainer {
    background-color: #fff;
    border: 1px solid #d0cfcf
}

.testimonial:after,
.testimonial:before {
    content: "\201C";
    position: absolute;
    font-size: 40px;
    line-height: 1;
    color: #999;
    font-style: normal
}

.testimonial:before {
    top: 0;
    left: 10px
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -.5em
}

.HighnessSpeach img {
    margin: 10px 0 0
}

.BoxCntBlue,
.BoxCntWhite,
.BoxCntYellow {
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.BoxContainer {
    padding: 0;
    position: relative;
    font-size: 14px;
    font-family: 'Cairo', Tahoma;
    color: #494848
}

.BoxCntBlue {
    background-color: #edfbf7;
    border: 1px solid #dbe8d7
}

.BoxCntYellow {
    background-color: #fcfddf;
    border: 1px solid #d1d1d1
}

.InnerPageSec .BoxContainer {
    margin-bottom: 15px
}

.Bxheader {
    border-bottom: 1px solid #d0cfcf;
    font-size: 18px;
    line-height: 38px;
    padding: 0 15px;
    color: #262729;
    font-family: 'Droid Arabic Kufi', Tahoma
}

.BoxCntBlue .Bxheader,
.BoxCntWhite .Bxheader {
    border-bottom: 0 solid #d0cfcf;
    background-color: #e6f6f1;
    color: #262729
}

.BoxCntYellow .Bxheader {
    border-bottom: 0 solid #d0cfcf;
    background-color: #f2f4c2;
    color: #262729
}

.BoxCntWhite .Bxheader,
.BoxContainer .Bxheader {
    background-color: #f4f3f3
}

.Bxheader>span {
    float: left
}

.Bxheader .col>h2 {
    color: #8b1738;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    width: 100%
}

.Bxheader .span_1_of_7 {
    text-align: right
}

.Bxheader .Bxheader>span a:visited,
.Bxheader>span .span_1_of_7 a:active,
.Bxheader>span .span_1_of_7 a:hover,
.Bxheader>span a:link {
    color: #8b1738;
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    padding: 0 10px;
    line-height: 26px;
    font-family: 'Cairo', Tahoma, Arial, HelveticaNeue
}

.ArrowDown,
.HeadingAtoZ,
.ImgSec {
    text-align: center
}

.HeadingAtoZ,
.MinistriesAtoZ .z-tabs.flat.medium>ul>li>a {
    font-family: 'Droid Arabic Kufi', tahoma, Arial
}

.Bxheader>span a:hover {
    text-decoration: underline;
    color: #8b1738;
    opacity: .8
}

.ServiceDetail .BoxContainer {
    padding: 10px;
    margin-bottom: 10px
}

.ServiceDetail .BoxContainer h4 {
    padding-right: 35px;
    margin-bottom: 20px
}

.TitleBox {
    background-color: #f1f1f1;
    min-height: 36px;
    padding: 10px 5px 0 10px
}

.TitleBox h1 span {
    color: #8b1738
}

.TitleBox h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #403f3f;
    line-height: 22px
}

.BoxContainerItem a:active,
.BoxContainerItem a:hover,
.BoxContainerItem a:link,
.BoxContainerItem a:visited {
    color: #494444;
    text-shadow: 1px 1px 1px #f0f0f0;
    margin: 10px 0 0;
    text-decoration: none;
    border: 0;
    outline: 0;
    font-size: 13px;
    display: block
}

.BoxContainerItem a:hover {
    text-decoration: underline;
    color: #494444;
    border: 0
}

.ImgSec {
    float: right;
    display: block;
    padding: 2% 2% 0;
    width: 20%
}

.CntSec {
    float: left;
    width: 74%;
    padding: 8px 1% 0
}

.FilterPallate {
    margin: 10px 0;
    background-color: #fcfddf;
    border: 1px solid #d1d1d1;
    padding: 10px
}

.CntWhite {
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
    border: 1px solid #d0cfcf;
    padding: 0
}

.RSSLink a:active,
.RSSLink a:hover,
.RSSLink a:link,
.RSSLink a:visited {
    color: #494444;
    text-shadow: 1px 1px 1px #f0f0f0;
    margin: 10px 0 0;
    text-decoration: none;
    border: 0;
    outline: 0;
    font-size: 13px;
    display: block
}

.RSSLink a:hover {
    text-decoration: underline;
    color: #494444;
    border: 0
}

.IconDis {
    background: url(../img/IconDis.png) right 14px no-repeat #fff
}

.IconEligibility {
    background: url(../img/IconEligibility.png) right 14px no-repeat #fff
}

.IconReqDoc {
    background: url(../img/IconReqDoc.png) right 14px no-repeat #fff
}

.IconFees {
    background: url(../img/IconFees.png) right 14px no-repeat #fff
}

.IconProced {
    background: url(../img/IconProced.png) right 14px no-repeat #fff
}

.IconDownload {
    background: url(../img/IconDownload.png) right 14px no-repeat #fff
}

.IconNumberList {
    background: url(../img/IconNumberList.png) right 14px no-repeat #e3f5fd
}

.IconHelp {
    background: url(../img/IconHelp.png) right 14px no-repeat #e3f5fd
}

.IconContactDetail {
    background: url(../img/IconContactDetail.png) right 14px no-repeat #e3f5fd
}

.HeadingAtoZ {
    width: 100%;
    border-bottom: 1px dotted #D3D3D3;
    font-size: 36px;
    padding-bottom: 20px;
    color: #8b1738
}

.MinistriesAtoZ .z-tabs.flat.medium>ul>li>a {
    padding: 6px 5px;
    font-size: 16px
}

.container .MinistriesAtoZ .BoxContainer h4 {
    padding: 20px 20px 0
}

.MinistriesAtoZ .z-disabled {
    opacity: .5
}

.MinistriesAtoZ .LinkImagelist {
    padding-right: 20px;
    width: 90%
}

.ArrowDown {
    border: 1px solid #D5D5D5;
    background-color: #fff;
    display: block;
    height: 18px;
    width: 36px;
    margin: 18px auto;
    color: #0408DD;
    font-size: 16px
}

.ServiceProvider {
    color: #8b1738;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700
}

.GovDirectory h6 {
    font-weight: 700;
    border-bottom: 1px solid #eee;
    min-height: 42px
}

.GovDirectory .BoxContainer {
    min-height: 100px
}

.GovDirectory .PhoneFax span {
    padding-left: 20px
}

.GovDirectory i {
    padding: 0 0 0 4px
}

.GovDirectory .Bxheader {
    border-bottom: 1px solid #d0cfcf;
    font-size: 18px;
    line-height: 22px;
    padding: 8px 15px;
    color: #262729;
    min-height: 42px;
    vertical-align: middle
}

.fancybox-skin h4 {
    color: #8b1738;
    font-size: 16px
}

.fancybox-skin {
    color: #494848
}

.InnerPageNav {
    text-align: left;
    margin: 0 auto;
    width: 100%
}

.InnerPageNav ul {
    list-style: none;
    padding-left: 0;
    text-align: center
}

.InnerPageNav li {
    display: inline-block;
    margin: 5px
}

.InnerPageNav a,
.InnerPageNav a:active,
.InnerPageNav a:hover,
.InnerPageNav a:link,
.InnerPageNava:visited {
    display: inline-block;
    padding: 15px 25px;
    border: 0 solid transparent;
    line-height: 22px;
    font-size: 14px;
    vertical-align: middle;
    ountline: none;
    cursor: pointer;
    white-space: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #ececec;
    color: #363636;
    text-align: center;
    min-width: 120px;
    text-transform: capitalize;
    max-width: 300px;
    min-height: 30px;
    letter-spacing: 0;
    font-family: 'Droid Arabic Kufi';
    font-weight: 700
}

.InnerPageNav a.PageNavActive,
.InnerPageNav a:hover {
    background: #8b1738;
    color: #fff
}

.FormStyle label,
.container label {
    font-weight: 400
}

.InnerPageNav a:hover {
    text-decoration: none
}

.InnerPageNav a.PageNavActive:hover {
    background: #8b1738;
    border-color: #bdbaba;
    color: #fff;
    text-decoration: none
}

.IconTop .col {
    margin: 5px
}

.TblForm {
    margin: 10px 4px
}

.FilterPallate .TblForm {
    margin: 4px
}

.TblForm td {
    padding: 5px 6px 5px 15px
}

.TblForm label,
.TblForm span {
    font-size: 13px;
    color: #494444;
    padding: 0
}

.FilterPallate .TblForm td {
    font-size: 13px;
    color: #494444;
    padding: 8px 8px 6px 10px
}

.TblForm .ajax__calendar td {
    padding: 0;
    margin: 0
}

.TblForm {
    font-size: 13px;
    color: #131313
}

.FormStyle input[type=email],
.FormStyle input[type=text],
.FormStyle label,
.FormStyle span,
.TblForm .labelText,
.container input[type=email],
.container input[type=text],
.container label,
input[type=password],
select,
textarea {
    font-size: 14px
}

.TblForm .labelText {
    color: #131313;
    padding: 0;
    width: 120px;
    display: inline-block
}

.FormStyle .labelText {
    font-size: 14px;
    color: #131313;
    padding: 0;
    display: block
}

.container input[type=email],
.container input[type=text],
.container input[type=password],
.container select,
.container textarea {
    padding: 7px 8px;
    outline: 0;
    color: #333;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #bababa;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .15s ease-in 0;
    -webkit-transition: all .15s ease-in 0;
    vertical-align: middle;
    font-family: 'Cairo', Tahoma
}

.container input[type=email].focus,
.container input[type=email]:focus,
.container input[type=text].focus,
.container input[type=text]:focus,
.container input[type=password].focus,
.container input[type=password]:focus,
.container textarea.focus,
.container textarea:focus {
    border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5)
}

.FormStyle input[type=email],
.FormStyle input[type=text],
.FormStyle input[type=password],
.FormStyle select,
.FormStyle textarea {
    padding: 7px 8px;
    outline: 0;
    color: #333;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #bababa;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .15s ease-in 0;
    -webkit-transition: all .15s ease-in 0;
    vertical-align: middle;
    font-family: 'Cairo', Tahoma
}

.FormStyle input[type=email].focus,
.FormStyle input[type=email]:focus,
.FormStyle input[type=text].focus,
.FormStyle input[type=text]:focus,
.FormStyle input[type=password].focus,
.FormStyle input[type=password]:focus,
.FormStyle textarea.focus,
.FormStyle textarea:focus {
    border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5)
}

:-moz-placeholder,
::-webkit-input-placeholder {
    color: #aaa
}

.radioSpace {
    margin-left: 10px
}

.Ftiny {
    width: 100px
}

.Fsmall {
    width: 140px
}

.Fmedium {
    width: 220px
}

.FLarge {
    width: 320px
}

.FxLarge {
    width: 600px
}

.FFullWidth {
    width: 98%
}

.SearchIconLinks .FFullWidth {
    width: 80%
}

.TextAreaSmall {
    width: 300px
}

.TextAreaMedium {
    width: 600px
}

.TextAreaLarge {
    width: 800px
}

.SearchIconLinks .FSearchService {
    width: 87%;
    height: 46px
}

.MainWrapper input.SubmitSearchBtn {
    padding: 10px
}

.FLarge30Lbl {
    width: 30%
}

table.BlueGrid,
table.GreyGrid {
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border: 2px solid #eee;
    text-align: left;
    line-height: 20px;
    border-top: none;
    width: 100%;
    padding: 0;
    border-collapse: initial
}

table.BlueGrid th,
table.GreyGrid th {
    padding: 8px;
    font-size: 14px;
    font-family: 'Droid Arabic Kufi', Tahoma;
    color: #fff;
    font-weight: 700
}

body table.BlueGrid,
body table.GreyGrid {
    border-collapse: initial
}

body table.ms-SPZone,
table.splashLinkFrame {
    border-collapse: collapse
}

table.BlueGrid th {
    border-left: #B1D2E4 1px solid;
    background: #8b1738;
    text-align: right;
    letter-spacing: 0
}

table.GreyGrid th {
    border-left: #fff 1px solid;
    background: #5f5f5f;
    text-align: left;
    letter-spacing: 1px
}

table.BlueGrid th.InnerTbl {
    border-left: #B1D2E4 0 solid;
    padding: 0;
    font-size: 12px;
    color: #fff
}

table.BlueGrid th table,
table.GreyGrid th table {
    border: 0 solid #fff;
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

table.BlueGrid th table th,
table.GreyGrid th table th {
    border: 1px solid #B1D2E4
}

.BlueGrid .MainHeading,
.GreyGrid .MainHeading {
    border-left: #B1D2E4 1px solid;
    background: #8b1738;
    padding: 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: right
}

table.BlueGrid tbody tr,
table.GreyGrid tbody tr {
    background-color: #f4f4f4
}

table.BlueGrid tbody tr:nth-child(even),
table.GreyGrid tbody tr:nth-child(even) {
    background-color: #efefef
}

table.BlueGrid tbody tr:hover,
table.GreyGrid tbody tr:hover {
    background-color: #bed9ea
}

table.BlueGrid td,
table.GreyGrid td {
    border-left: #fff 1px solid;
    border-top: #fff 1px solid;
    padding: 5px 6px;
    line-height: 22px;
    font-size: 14px;
    color: #494848;
    font-weight: 400;
    text-align: right;
    font-family: 'Cairo', Tahoma
}

.BlueGrid a:active,
.BlueGrid a:hover,
.BlueGrid a:link,
.BlueGrid a:visited,
.GreyGrid a:active,
.GreyGrid a:hover,
.GreyGrid a:link,
.GreyGrid a:visited {
    font-size: 14px;
    color: #8b1738;
    text-decoration: none;
    font-family: 'Cairo', Tahoma
}

.BlueGrid a:hover,
.GreyGrid a:hover {
    text-decoration: underline;
    color: #8b1738
}

.BlueGrid .MainHeading a:active,
.BlueGrid .MainHeading a:hover,
.BlueGrid .MainHeading a:link,
.BlueGrid .MainHeading a:visited {
    font-size: 14px;
    color: #fff;
    text-decoration: underline
}

.BlueGrid .MainHeading a:hover {
    text-decoration: underline;
    color: #8b1738
}

table.BlueGrid th a:active,
table.BlueGrid th a:hover,
table.BlueGrid th a:link,
table.BlueGrid th a:visited,
table.GreyGrid th a:active,
table.GreyGrid th a:hover,
table.GreyGrid th a:link,
table.GreyGrid th a:visited {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    font-family: 'Droid Arabic Kufi', Tahoma
}

table.BlueGrid th a:hover,
table.GreyGrid th a:hover {
    text-decoration: underline;
    color: #eee
}

table.BlueGrid td.LightColor,
table.GreyGrid td.LightColor {
    background-color: #def2b6;
    font-weight: 700
}

.BlueGrid .pgr,
.GreyGrid .pgr {
    background: url(../../css/grd_pgr.png) top repeat-x #000
}

.BlueGrid .pgr table,
.GreyGrid .pgr table {
    margin: 8px 0
}

.BlueGrid .pgr td,
.GreyGrid .pgr td {
    background: #fff;
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #bcbcbc;
    font-weight: 700;
    color: #0882cc;
    line-height: 12px
}

.BlueGrid .pgr a,
.GreyGrid .pgr a {
    color: #999;
    text-decoration: none
}

.BlueGrid .pgr a:hover,
.GreyGrid .pgr a:hover {
    color: #0882cc;
    text-decoration: underline
}

.BlueGrid th.AlignRight .GreyGrid th.AlignRight {
    text-align: right
}

.BlueGrid th.AlignLeft,
.GreyGrid th.AlignLeft {
    text-align: left
}

.pagingRow {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #efefef
}

.BlueGrid .pagingRow td,
.GreyGrid .pagingRow td,
.footable .pagingRow td {
    background: #fff;
    border-width: 0
}

.BlueGrid .pagingRow tr td span,
.GreyGrid .pagingRow tr td span,
.footable .pagingRow tr td span {
    text-align: center;
    background: #8b1738;
    border-width: 0;
    padding: 2px 10px;
    border-bottom: 2px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    color: #fff
}

.pagingRow tr td a {
    padding: 2px 10px;
    border-bottom: 2px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    background: url(../../images/bk-boxHeader-grad.png) center bottom repeat-x
}

.pagingRow tr td a:not(.pgr):not(select) {
    border-bottom: 2px solid gray;
    background: url(../../images/bk-boxHeader-grad.png) center bottom repeat-x #b2b2b2;
    color: #303030
}

.pagingRow tr td a:not(.pgr):hover,
.pagingRow tr td a:not(.pgr):not(select):hover {
    color: #fff;
    padding: 2px 10px;
    border-bottom: 2px solid gray;
    background: url(../../images/bk-boxHeader-grad.png) center bottom repeat-x #696969
}

.clickableRow {
    cursor: pointer
}

.LinkImagelist {
    width: 100%;
    font-family: 'Cairo', Tahoma
}

.LinkImagelist ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
    width: 98%
}

.LinkImagelist ul li {
    list-style-type: none;
    font-size: 14px;
    color: #494848;
    line-height: 22px;
    padding: 0 10px 0 0;
    margin: 14px 12px;
    width: 95%
}

.LinkImagelist ul li.title {
    list-style-type: none;
    font-size: 12px;
    color: #8b1738;
    line-height: 22px;
    padding: 0;
    margin: 0
}

.LinkImagelist ul li:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 13px;
    color: #1641bb;
    list-style-type: none;
    float: right;
    margin-right: -1.1em
}

.LinkImagelist ul li.title:before {
    content: "\f0d9";
    font-family: FontAwesome;
    visibility: hidden
}

.LinkImagelist ul li a:active,
.LinkImagelist ul li a:hover,
.LinkImagelist ul li a:link,
.LinkImagelist ul li a:visited {
    padding: 0;
    text-shadow: 0 0 0 #cbcbcb;
    color: #494848;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px
}

.LinkImagelist ul li a:hover {
    text-decoration: underline;
    opacity: .8
}

.SidePanel .LinkImagelist ul li:before {
    color: #1641bb;
    content: "\f104";
    font-size: 12px
}

.SidePanel .LinkImagelist ul {
    width: 85%
}

.SidePanel .LinkImagelist ul li {
    margin: 8px 12px
}

.SidePanel .LinkImagelist ul li a:active,
.SidePanel .LinkImagelist ul li a:hover,
.SidePanel .LinkImagelist ul li a:link,
.SidePanel .LinkImagelist ul li a:visited {
    font-size: 13.5px;
    color: #787878
}

.ELinks .LinkImagelist ul {
    width: 92%
}

.BoxCntBlue .LinkImagelist ul,
.BoxCntWhite .LinkImagelist ul,
.BoxCntYellow .LinkImagelist ul,
.SideBarLinkPanel .LinkImagelist ul {
    margin: 0 15px 0 10px;
    width: 88%
}

.WrapperFooter .LinkImagelist ul {
    width: 80%;
    margin-right: 20px
}

.WrapperFooter .LinkImagelist ul li {
    color: #fff;
    width: 95%
}

.WrapperFooter .LinkImagelist ul li.title {
    font-size: 12px;
    color: #fff;
    line-height: 22px
}

.WrapperFooter .LinkImagelist ul li:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 13px;
    list-style-type: none;
    float: right;
    margin-right: -1.5em;
    color: #fff
}

.WrapperFooter .LinkImagelist ul li.title:before {
    content: "\f0d9";
    font-family: FontAwesome;
    visibility: hidden
}

.WrapperFooter .LinkImagelist ul li a:active,
.WrapperFooter .LinkImagelist ul li a:hover,
.WrapperFooter .LinkImagelist ul li a:link,
.WrapperFooter .LinkImagelist ul li a:visited {
    color: #fff
}

.GOVTopNav .jetmenu li>.megamenu ul .LinkImagelist {
    width: 100%
}

.GOVTopNav .jetmenu li>.megamenu ul .LinkImagelist ul {
    width: 80%
}

.GOVTopNav .LinkImagelist ul {
    width: 95%
}

.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li {
    width: 95%;
    margin: 2px 12px
}

.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li.title {
    list-style-type: none;
    font-size: 16px;
    color: #8b1738;
    line-height: 20px;
    padding: 0;
    margin: 0
}

.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li a:active,
.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li a:hover,
.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li a:link,
.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li a:visited,
.LinkImagelist ol li {
    font-size: 13px;
    color: #494848
}

.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 13px;
    color: #1641bb;
    list-style-type: none;
    float: right;
    margin-right: -1em
}

.GOVTopNav .jetmenu li>.megamenu .LinkImagelist ul li.title:before {
    content: "\f054";
    font-family: FontAwesome;
    visibility: hidden
}

.LinkImagelist ol {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: decimal
}

.LinkImagelist ol li {
    margin: 10px
}

.LinkImagelist ol li a:active,
.LinkImagelist ol li a:hover,
.LinkImagelist ol li a:link,
.LinkImagelist ol li a:visited {
    text-shadow: 1px 1px 1px #eee;
    color: #494848;
    text-decoration: none;
    line-height: 20px
}

.LinkImagelist ol li a:hover {
    color: #0d5474;
    border: 0;
    text-decoration: underline
}

.PhoneFax {
    width: 100%
}

.PhoneFax ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
    width: 98%
}

.PhoneFax ul li {
    display: inline;
    font-size: 14px;
    color: #494848;
    line-height: 22px;
    padding: 0 10px 0 0;
    margin: 14px 4px;
    float: right
}

.PhoneFax ul li.PhoneIcon:after {
    content: "\f098";
    font-family: FontAwesome;
    padding: 0 5px
}

.PhoneFax ul li.FaxIcon:after {
    content: "\f1ac";
    font-family: FontAwesome;
    padding: 0 5px
}

.PhoneFax ul li.EMailIcon:after {
    content: "\f0e0";
    font-family: FontAwesome;
    padding: 0 5px
}

.PhoneFax ul li a:active,
.PhoneFax ul li a:hover,
.PhoneFax ul li a:link,
.PhoneFax ul li a:visited {
    padding: 0;
    text-shadow: 0 0 0 #cbcbcb;
    color: #494848;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px
}

.PhoneFax ul li a:hover {
    text-decoration: underline;
    opacity: .8
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700
}

.alert,
.alert h4 {
    color: #c09853
}

.alert p {
    margin-bottom: 4px
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success h4 {
    color: #468847
}

.alert-danger,
.alert-error {
    color: #F50804;
    background-color: #F1F1F1;
    border-color: #E4E4E4
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48
}

.alert-info,
.alert-info h4 {
    color: #3a87ad
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

#full-width-slider {
    width: 100%;
    color: #000
}

.coloredBlock {
    padding: 12px;
    background: rgba(255, 0, 0, .6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%
}

.infoBlock {
    position: absolute;
    top: 10px;
    right: 50px;
    left: auto;
    max-width: 300px;
    overflow: hidden;
    padding: 20px;
    text-align: left
}

.infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(19, 63, 186, .75);
    left: 10px;
    right: auto
}

.infoBlock h4 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
    font-family: 'Cairo', Tahoma;
    color: #fff
}

.infoBlock p {
    font-size: 14px;
    margin: 4px 0 0;
    color: #fff
}

.infoBlock a {
    color: #FFF;
    text-decoration: underline
}

.photosBy,
.photosBy a {
    color: #000
}

.photosBy {
    line-height: 24px;
    font-size: 12px;
    background: #FFF;
    padding: 0 10px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: auto;
    border-radius: 2px;
    z-index: 25
}

.fullWidth {
    max-width: 1920px;
    margin: 0 auto
}

.IconsSlider {
    width: 1090px
}

.carouselKGO {
    padding: 0 50px
}

#owl-demo .item img {
    display: block;
    width: 218px;
    height: 76px
}

#owl-demo .item {
    display: block;
    padding: 2px 0;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    padding: 5px 9px;
    position: absolute
}

.owl-theme .owl-buttons i {
    margin-top: 2px
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -45px;
    top: 20px
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -45px;
    top: 20px
}

.ui-widget {
    font-family: 'Droid Arabic Kufi', Arial, HelveticaNeue, Tahoma;
    font-size: 1.1em
}

.ui-widget-header {
    border: 0 solid #5a5a5a;
    background: #1b83bb;
    color: #FFF;
    font-weight: 700
}

.ui-widget-overlay,
.ui-widget-shadow {
    background-color: #000;
    background-image: none
}

.ui-dialog .ui-dialog-title {
    text-align: right
}

.ui-widget-overlay {
    opacity: .6;
    filter: Alpha(Opacity=60)
}

.ui-widget-shadow {
    margin: -8px -8px 0 0;
    padding: 8px;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-size: 13px
}

.FSearchService {
    width: 82%;
    height: 46px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 0
}

.SidePanel .accordion .ui-state-default,
.SidePanel .accordion .ui-widget-content .ui-state-default,
.SidePanel .accordion .ui-widget-header .ui-state-default {
    border: 0 solid #d2d2d2;
    background: url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #eee;
    font-weight: 700;
    color: #494848;
    text-align: right;
    font-size: 15px;
    letter-spacing: normal
}

.SidePanel .accordion .ui-state-default a,
.SidePanel .accordion .ui-state-default a:link,
.SidePanel .accordion .ui-state-default a:visited {
    font-family: 'Droid Arabic Kufi', Arial, HelveticaNeue, Tahoma;
    background: url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #ececec;
    color: #494848;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    letter-spacing: normal;
    display: block;
    padding: 10px 30px 10px 10px
}

.back-to-top,
h3.NoArrow>span {
    display: none
}

.SidePanel .ui-accordion .ui-accordion-content,
.ui-accordion .ui-accordion-header {
    padding: 0
}

.SidePanel .accordion .ui-state-focus,
.SidePanel .accordion .ui-state-hover,
.SidePanel .accordion .ui-widget-content .ui-state-focus,
.SidePanel .accordion .ui-widget-content .ui-state-hover,
.SidePanel .accordion .ui-widget-header .ui-state-focus,
.SidePanel .accordion .ui-widget-header .ui-state-hover {
    border: 0 solid #d2d2d2;
    background: url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #eee;
    font-weight: 700;
    color: #494848;
    text-align: right;
    font-size: 15px;
    letter-spacing: normal
}

.SidePanel .accordion .ui-state-active,
.SidePanel .accordion .ui-widget-content .ui-state-active,
.SidePanel .accordion .ui-widget-header .ui-state-active {
    border: 0 solid #d0d0d0;
    background: url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #eee;
    color: #494848;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    letter-spacing: normal
}

.SidePanel .accordion .ui-widget-content {
    border: 0 solid #aaa;
    background: 0 0;
    color: #494848
}

.SidePanel .accordion .Link-image-list {
    width: 100%;
    padding: 0
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: .5em
}

.ui-icon-triangle-1-e {
    background-position: -98px -16px
}

.ContentPage .accordion h3 {
    margin: 3px
}

div#page {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0;
    text-decoration: none;
    color: #000;
    background-color: #eee;
    font-size: 12px;
    padding: 1em;
    z-index: 99999;
    border: 1px solid #CCC;
    margin: 10px
}

.back-to-top:hover {
    background-color: #f8f8f8
}

.MinisterPalate {
    padding: 5px
}

.MinisterPalate h5 {
    margin-top: 0
}

.MinisterPalate h6 {
    font-weight: 700;
    margin: 5px 15px 0 20px;
    font-size: 14px
}

.galleryKGO {
    width: 92%;
    margin: 0 auto;
    display: table
}

.galleryKGO ul {
    margin: 0;
    padding: 0
}

.galleryKGO ul li {
    list-style: none;
    float: right;
    margin: 15px 20px;
    width: 150px;
    height: 150px
}

.galleryKGO ul li a img {
    border: 1px solid #eee;
    padding: 2px
}

.SitemapContent h2:link,
.SitemapContent h2 a:active,
.SitemapContent h2 a:hover,
.SitemapContent h2 a:visited {
    font-family: Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
    color: #8b1738;
    font-weight: 700;
    font-size: 18px
}

.SitemapContent h2 a:hover {
    text-decoration: underline;
    color: #A95B5B
}

table.greytext tr td {
    font-size: 14px
}

.pagination {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px
}

.page {
    display: inline-block;
    padding: 0 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: 1px solid silver;
    background: #e9e9e9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .1);
    font-size: .875em;
    font-weight: 700;
    text-decoration: none;
    color: #717171;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
}

.page:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0 0 270deg, #FEFEFE, #f0f0f0)
}

.page.DisableBtn,
.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .8);
    color: #f0f0f0;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.ir,
.visuallyhidden {
    border: 0;
    overflow: hidden
}

.RadioTable input {
    margin: 0 6px 0 2px
}

.ir {
    background-color: transparent
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none!important;
    visibility: hidden
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

#s4-ribbonrow .ms-MenuUIPopupBody,
#s4-ribbonrow .ms-popoutMenu,
.ms-cui-menu[id^="Ribbon."] {
    position: fixed!important
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media screen and (min-width:750px) and (max-width:1190px) {
    .SliderNewsBg .span_1_of_3,
    .SliderNewsBg .span_2_of_3 {
        width: 100%
    }
    .SliderNewsBg .BannerContainer {
        width: 702px;
        margin: 0 auto
    }
    .SearchIconLinks .span_2_of_3 {
        width: 55%;
        text-align: center
    }
    .SearchIconLinks .span_1_of_3 {
        width: 42%
    }
    .SearchIconLinks .FSearchService {
        width: 78%
    }
    .FxLarge {
        width: 80%
    }
}

@media only screen and (max-width:768px) {
    #header .logo,
    .logoRightArea {
        float: none;
        text-align: center
    }
    #header .logo,
    .AlignLeftCenter,
    .AlignRightCenter,
    .BoxContainer .MinisterPalate h6,
    .BoxContainer .MinisterPalate p,
    .FilterPallate .span_1_of_7,
    .MinisterPalate .span_3_of_4,
    .SearchIconLinks .span_2_of_3,
    .TopWrapper .span_1_of_3,
    .logoRightArea {
        text-align: center
    }
    .wrap {
        width: 98%;
        margin: 0 auto
    }
    .TopWrapper .span_1_of_3 {
        display: table-cell;
        padding: 2px 0
    }
    .TopWrapper .left,
    .TopWrapper .right {
        float: none;
        text-align: center;
        margin: 5px 0
    }
    #header .logo {
        width: 100%
    }
    #header .logo img {
        width: 292px;
        height: 56px
    }
    .SearchIconLinks .FSearchService {
        width: 56%
    }
    #PrayerTimeKGO .span_1_of_4 {
        width: 23.8%
    }
    .InnerPageNav {
        width: 80%
    }
    .InnerPageNav a {
        width: 80%;
        max-width: none
    }
    .InnerPageNav li {
        width: 100%
    }
    .RedSpeakerCNt,
    .SearchBox {
        display: none
    }
    .IconsSlider {
        width: 360px
    }
    #LinkPrayerTime .span_1_of_4 {
        width: 23.8%
    }
    .ServiceDetail {
        width: 98%;
        margin: 0 auto
    }
    .container h1 {
        font-size: 20px
    }
    .container h2,
    .container h3 {
        font-size: 18px
    }
    .BoxContainer .col+.col {
        margin: -20px 0 1%
    }
    .BoxContainer .FormStyle .col+.col,
    .BoxContainer .MinisterPalate .col+.col {
        margin: 1% 0
    }
    .FLarge,
    .Fmedium,
    .FxLarge {
        width: 92%
    }
    .UtilityIcons a:active,
    .UtilityIcons a:hover,
    .UtilityIcons a:link,
    .UtilityIcons a:visited {
        width: 40px;
        margin: 0 2px
    }
}

@media screen and (min-width:320px) and (max-width:321px) {
    .IconsSlider {
        width: 300px
    }
    .galleryKGO ul li,
    .galleryKGO ul li img {
        height: 80px;
        width: 80px
    }
    .TopNav a:active,
    .TopNav a:hover,
    .TopNav a:link,
    .TopNav a:visited {
        padding: 0 10px 4px 5px
    }
    .galleryKGO ul li {
        margin: 15px 2px
    }
}

@media screen and (min-width:0px) and (max-width:740px) {
    .royalSlider,
    .royalSlider img,
    .rsOverflow,
    .rsOverflow img {
        width: 100%;
        height: 140px
    }
    .VisitorBanner .royalSlider,
    .VisitorBanner .royalSlider img,
    .VisitorBanner .rsOverflow img,
    .rsOverflow {
        width: 100%;
        height: 160px
    }
    .galleryKGO {
        width: 100%
    }
    .galleryKGO ul li,
    .galleryKGO ul li img {
        height: 100px;
        width: 100px
    }
    .galleryKGO ul li {
        margin: 15px 10px
    }
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.ms-PartSpacingVertical,
.ms-wpTdSpace,
.srch-Metadata1 {
    display: none
}

.ms-gb,
.ms-gb2,
.ms-gbload,
.ms-pb,
.ms-pb-selected,
.ms-ph,
.ms-siteactionsmenuhover,
.ms-siteactionsmenuinner,
.ms-vb,
.ms-vb-tall,
.ms-vb-user,
.ms-vb2,
.ms-vh,
.ms-vh-icon,
.ms-vh-icon-empty,
.ms-vh2,
.ms-vh2-nofilter-icon,
.ms-vh2-nograd,
.ms-vh2-nograd-icon,
.ms-vh3-nograd,
.ms-vhImage,
.ms-welcomeMenu,
body #s4-ribbonrow,
div.ms-MenuUIPopupScreen.ms-MenuUIPopupBody,
div.ms-MenuUIPopupScreen.ms-MenuUIPopupBody div.ms-MenuUIPopupInner,
div.ms-MenuUIPopupScreen.ms-MenuUIPopupBody div.ms-MenuUIPopupInner div,
html #s4-ribbonrow {
    font-family: Tahoma;
    font-size: 13px
}

.ms-WPBody {
    font-family: inherit
}

.container .s4-ba {
    padding: 0
}

.container .ms-formlabel h3.ms-standardheader,
.container h3.ms-standardheader {
    font-size: 14px
}

body #s4-bodyContainer {
    min-width: 0
}

.srch-sb-results {
    clear: both;
    background: #fff;
    margin: 0 auto;
    padding: 0
}

.srch-sb-results2 {
    clear: both;
    margin: 0;
    padding: 20px 0 0
}

.srch-Metadata2 {
    color: #666;
    margin: 5px 0 20px;
    text-align: right;
    font-size: 11px
}

body #s4-ribbonrow {
    z-index: 1000;
    min-height: 0!important;
    height: auto!important;
    font-size: 12px;
    margin: 0 auto;
    top: 0
}

.ms-wpContentDivSpace,
.s4-wpTopTable {
    margin: 0
}

.ms-cui-topBar2 {
    border-color: #333
}

.ms-MenuUIPopupBody {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILarge ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink,
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILargeRtL ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink {
    color: #2f7799!important
}

span.ms-menuitemdescription {
    color: #999!important;
    font-size: 11px
}

.ms-siteactionsmenuhover,
.ms-welcomeMenu.ms-SpLinkButtonActive {
    background-color: #333;
    border-color: #555
}

.ms-WPHeader td,
.ms-fakewptitle {
    border-color: #8c8c8c;
    background: #d6d6d6
}

.ContentPage h3.ms-WPTitle {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding: 4px;
    text-align: right!important;
    margin: 0
}

.s4-wpActive .ms-WPTitle,
.s4-wpActive .ms-WPTitle a,
h3.ms-WPTitle a {
    color: #000
}

h3.ms-WPTitle nobr {
    white-space: normal
}

.ms-WPBorder,
.ms-WPBorderBorderOnly {
    border: 0px solid #ddd
}

.ms-WPBorder {
    border-top: 0
}

.ms-WPBorderBorderOnly {
    background: #f5f5f5
}

.ms-WPBody {
    padding: 0
}

.ms-WPBorder .ms-WPBody,
.ms-WPBorderBorderOnly .ms-WPBody {
    padding: 15px
}

.item,
.level-header,
.level-item-pos {
    padding: 0;
    margin: 0 0 .5em
}

.bullet,
.level-bullet {
    padding: 0 0 0 10px
}

.level-description-padding {
    padding: 0
}

.headertitle,
.headertitle a,
.headertitle a:link {
    font-size: inherit
}

.ms-listviewtable,
html.ms-dialog body {
    background: #fff
}

html.ms-dialog #wrapper {
    width: auto;
    padding: 10px;
    max-width: none
}

html.ms-dialog #mainContentRight {
    margin: 0
}

div.article,
div.welcome {
    padding: 0;
    margin: 0
}

.article .article-header {
    font-family: inherit;
    font-size: 12px;
    overflow: auto;
    border: 0;
    color: #999;
    margin: 0 0 1em
}

.captioned-image .caption {
    font-family: inherit;
    font-size: 12px;
    color: #999
}

.article-content,
.welcome-content {
    margin: 0
}

.article-left .captioned-image,
.welcome .welcome-image {
    margin-right: 2em
}

.article .related-links,
.article-right .captioned-image {
    margin-left: 2em
}

.article .captioned-image,
.article .related-links,
.welcome .splash-image,
.welcome .welcome-image {
    margin-bottom: 1em
}

.article .related-links {
    border: 0
}

.edit-mode-border,
.ewiki-margin {
    padding: 0;
    margin: 0
}

.ewiki-margin {
    font-size: 12px;
    color: #999;
    margin: 0 0 1em
}

.right-wp-zone-col {
    width: 195px;
    border-color: #ddd
}

.ewiki-slink {
    margin-left: 15px
}

.ms-redirectControl {
    font-size: inherit;
    font-family: inherit;
    color: #999
}

.ContentPage .ms-WPBody td,
.cbq-layout-main {
    font-family: 'Cairo', Tahoma
}

.ms-cui-glass-ie,
.ms-cui-modalDiv-ie {
    background-color: transparent!important
}

.cbq-layout-main {
    width: 100%
}

.cbq-layout-main ul li.title:before,
.cbq-layout-main ul li:before {
    content: "\f0d9";
    font-family: FontAwesome
}

.cbq-layout-main ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
    width: 98%
}

.cbq-layout-main ul li {
    list-style-type: none;
    font-size: 14px;
    color: #494848;
    line-height: 22px;
    padding: 0 10px 0 0;
    margin: 14px 12px;
    width: 95%
}

.cbq-layout-main ul li.title {
    list-style-type: none;
    font-size: 12px;
    color: #8b1738;
    line-height: 22px;
    padding: 0;
    margin: 0
}

.cbq-layout-main ul li:before {
    font-size: 13px;
    color: #1641bb;
    list-style-type: none;
    float: right;
    margin-right: -1.1em
}

.cbq-layout-main ul li.title:before {
    visibility: hidden
}

.cbq-layout-main ul li a:active,
.cbq-layout-main ul li a:hover,
.cbq-layout-main ul li a:link,
.cbq-layout-main ul li a:visited {
    padding: 0;
    text-shadow: 0 0 0 #cbcbcb;
    color: #494848;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px;
}

		
.container .LightBlue h2 ,	
.container .LightGrey h2,	
.container .LightYellow h2   {
    text-shadow: 0 0 0 #dcdcdc;
    font-size: 18px;
    line-height: 38px;
    padding: 0 15px;
    color: #262729;
    font-family: 'Droid Arabic Kufi', Tahoma;
    font-weight: normal;
}

	.container .LightBlue .ms-webpart-chrome-title	
{	
background-color: #e6f6f1;	
}	
.container .LightYellow .ms-webpart-chrome-title{	
    border-bottom: 0 solid #d0cfcf;	
    background-color: #f2f4c2;	
    color: #262729;	
}	
.container .LightGrey .ms-webpart-chrome-title	
{	
background-color: #eaeaea;	
}


.cbq-layout-main ul li a:hover {
    text-decoration: underline;
    opacity: .8
}

.slm-dragdrop-source .groupheader {
    clear: inherit
}

.LightBlue  .ms-wpContentDivSpace , .LightYellow  .ms-wpContentDivSpace ,.LightGrey  .ms-wpContentDivSpace{ padding:0px 10px 0px 15px;}	

.LightBlue .ms-WPHeader td,
.LightBlue .ms-fakewptitle {
    border-bottom: 0 solid #d0cfcf;
    background-color: #e6f6f1;
    color: #262729
}

.LightGrey .s4-wpTopTable {
    background-color: #fff;
    border: 1px solid #d0cfcf;
    margin: 0 0 15px
}

.LightGrey .ms-WPHeader td,
.LightGrey .ms-fakewptitle {
    border-bottom: 0 solid #d0cfcf;
    background-color: #f4f3f3;
    color: #262729
}


		
.LightBlue  {	
    background-color: #edfbf7;	
    border: 0px solid #dbe8d7;	
    margin: 0 0 15px;    	
    color: #262729;	
   	
}	
.LightGrey {	
    background-color: #fff;	
    margin: 0 0 15px;	
    border-bottom: 0px solid #d0cfcf;	
    background-color: #ffffff;	
    color: #262729;	
}	
.LightYellow {	
    background-color: #fcfddf;	
    border: 0px solid #d1d1d1;	
    margin: 0 0 15px;	
    border-bottom: 0 solid #d0cfcf;	
    color: #262729;	
}	
.LightBlue , .LightGrey , .LightYellow  {	
    /* padding: 0 10px 0 15px; */	
    margin: 0 15px 15px 10px;
    
}



.AtoZDir {
    display: inline-block;
    margin: 10px 0
}

.AtoZDir ul {
    margin: 0;
    padding: 0
}

.AtoZDir ul li {
    list-style: none;
    float: right;
    color: #a5a5a5;
    margin: 0 5px 5px;
    font-size: 14px;
    background-color: #ECECEC;
    width: 24px;
    border: 1px solid #DFDFDF;
    text-align: center
}

.ms-dlgOverlay,
.ms-dlgTitle {
    background-color: #333
}

.AtoZDir a:active,
.AtoZDir a:hover,
.AtoZDir a:link,
.AtoZDir a:visited {
    font-family: Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
    color: #8b1738;
    font-weight: 400;
    font-size: 16px
}

.AtoZDir a:hover {
    text-decoration: underline;
    color: #A95B5B
}

.FilterHSD {
    padding: 10px;
    text-align: center
}

.FilterHSD select.FFullWidth {
    margin: 5px 0
}

body.v4master {
    overflow: visible;
    height: inherit;
    width: inherit
}

body #s4-workspace {
    overflow: visible!important
}

.ms-dlgOverlay {
    width: 100%!important
}

#s4-bodyContainer,
.ms-cui-ribbonTopBars {
    width: 100%!important;
    margin-left: auto;
    margin-right: auto
}

.ms-cui-ribbonTopBars>div {
    border-bottom: 1px solid transparent!important
}

.ms-dlgContent {
    border: 0
}

.ms-dlgBorder {
    border: 1px solid #333
}

.ms-dlgTitleText {
    display: block;
    font-weight: 700;
    font-size: 13px;
    padding: 7px
}

@-ms-viewport {
    width: auto!important
}

.ms-dialog body #s4-workspace {
    padding: 0!important;
    overflow: auto!important
}

.ms-dialog body #s4-ribbonrow {
    position: relative!important
}

.ms-dialog #isb-wrapper {
    margin: 0!important
}

.ms-dlgContent,
.ms-dlgFrame {
    overflow: hidden
}

#s4-leftpanel {
    display: none
}

.s4-ca {
    margin-left: 0;
    margin-right: 10px
}

.ms-WPAddButton,
body table.ms-SPZone td {
    padding: 0;
    margin: 0
}

.s4-search INPUT.ms-sbplain {
    width: 160px!important;
    background: 0 repeat-x #fff
}
body #s4-ribbonrow, body #s4-workspace {
    height: auto!important;
}
body #s4-bodyContainer{
	padding-bottom:0px;
}
.ms-webpartzone-cell{
	margin:auto;
}
.ms-WPBody h1
{
font-weight:bold;

}
.ms-WPBody h2
{font-weight:bold;font-size:18px;}
.ms-WPBody h3
{
font-weight:bold;
font-size:100%;
}
.ms-WPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-WPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-WPBody h6
{
font-weight:bold;

}
.span_2_of_3 table{width:100%}
/*.BoxContainer table{width:auto} */
.KGOtableImageRside img {
    width: 50px;
}

table.greytext{
	width:auto;
}

:focus{
	outline:none;
}
.ms-rtestate-write{
	cursor:default;
}

.event-logo{
width:100px;
margin-top:19px;
margin-bottom:19px;
margin:right:23px;
float:left;
}
;
margin-top:19px;
margin-bottom:19px;
margin:right:23px;
float:left;
}

.event-logo > img{
width:100%;
float:left;
}


.responsive-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .responsive-list li {
    width: calc(25% - 20px);
    margin: 1em;
    background-color: #f7f7f7;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 1em;
    max-width: 250px;
  }