.blueTile, .grayTile, .inactiveTab, .newsTile, span.lang {
	transition: all .5s ease
}
.notification, .secoundRowWidth, .userNameAria {
	position: relative
}
.PlayAnnouncement li a, .newArchLink {
	background-image: url(/_LAYOUTS/15/Imam/Images/pagination.png)
}
.ms-core-menu-list, ul {
	list-style-type: none
}
.FooterBottom a, .inactiveLang a, blockquote, body, dd, div, dl, dt, embed, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, object, p, pre, table, td, th, tr, ul {
	outline: 0
}
@font-face {
	font-family: segoeui;
	src: url(/fonts/segoeui.ttf), url(/fonts/segoeui.eot)
}
@font-face {
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 400;
	src: url(/_LAYOUTS/15/Imam/fonts/DroidKufi-Regular.eot);
	src: url(/_LAYOUTS/15/Imam/fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(/_LAYOUTS/15/Imam/fonts/DroidKufi-Regular.woff) format('woff'), url(/_LAYOUTS/15/Imam/fonts/DroidKufi-Regular.ttf) format('truetype')
}
.ms-hide {
	display: none
}
.ms-core-menu-separatorHr {
	margin: 2px 0;
	color: #c6c6c6
}
.js-callout-body, .ms-core-defaultFont, .ms-core-menu-link:link, .ms-core-menu-link:visited, body {
	color: #444
}
hr {
	border-width: 0;
	border-top: 1px solid #c6c6c6
}
.ms-siteactions-normal {
	border-left: 1px solid transparent
}
.ms-siteactions-hover>.ms-core-menu-box.ms-core-menu-box, .ms-welcome-root>.ms-core-menu-box.ms-core-menu-box {
	border-top: 0 solid transparent
}
.ms-core-menu-label, .ms-core-menu-labelCompact {
	border: 1px solid transparent;
	word-wrap: break-word
}
.ms-core-menu-item {
	margin: 0;
	cursor: pointer;
	border: 1px solid transparent
}
.ms-core-menu-box {
	max-width: 250px;
	right: -1px !important
}
.ms-core-defaultFont {
	font-weight: 400;
	text-decoration: none;
	white-space: normal;
	word-break: normal;
	line-height: normal
}
#pageStatusBar, .js-callout-body, .ms-core-defaultFont, .ms-status-msg, body {
	font-family: "Segoe UI", Tahoma, "Microsoft Sans Serif", sans-serif;
	font-size: 13px
}
.ms-core-menu-box, .ms-core-menu-boxBig {
	background-color: #fff;
	padding: 0;
	z-index: 9999;
	border-collapse: separate;
	border: 1px solid #d1d1d1;
	box-shadow: 0 0 7px 0 rgba(0,0,0,.47);
	overflow: visible;
	text-align: right
}
.ms-core-menu-list {
	margin: 0;
	padding: 0;
	max-height: 405px;
	min-width: 125px;
	overflow: auto
}
a.ms-core-menu-link {
	padding: 6px 8px;
	color: #444;
	text-decoration: none;
	display: block;
	position: relative
}
.ms-welcome-root {
	border-left: 1px solid transparent
}
.ms-siteactions-hover, .ms-welcome-hover {
	background-color: #fff;
	border-left-color: #d1d1d1
}
.calendars {
	color: #000;
	border: 1px solid #444;
	border-radius: .25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #fff
}
.calendars-rtl {
	direction: rtl;
	width: 378px !important;
	height: 295px !important
}
.calendars a {
	color: #fff;
	text-decoration: none
}
.calendars a.calendars-disabled {
	color: #888;
	cursor: auto
}
.calendars button {
	margin: .25em;
	padding: .125em 0;
	border: none;
	border-radius: .25em;
	font-weight: 700;
	background-color: #fcc
}
.newArchLink {
	background-position: -26px 0;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 13px;
	width: 13px;
	float: left;
	margin: 6px 0 0 10px
}
.calendars-ctrl .calendars-cmd:hover {
	background-color: #5d9732
}
a.calendars-cmd {
	height: 1.5em
}
a.calendars-cmd div svg {
	width: 21px
}
button.calendars-cmd {
	text-align: center
}
.calendars-cmd-clear, .calendars-cmd-prev, .calendars-cmd-prevJump {
	float: left;
	padding-left: 2%
}
.calendars-cmd-close, .calendars-cmd-next, .calendars-cmd-nextJump {
	float: right;
	text-align: right
}
.calendars-rtl .calendars-cmd-clear, .calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump {
	float: right;
	padding-left: 0;
	text-align: right;
	margin-right: 62px;
	margin-top: 12px
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
	float: right
}
.calendars-rtl .calendars-cmd-close, .calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump {
	float: left;
	padding-right: 0;
	text-align: left;
	margin-left: 59px;
	margin-top: 10px
}
.calendars-month-row {
	clear: left
}
.bodyCenter, .calendars-clear-fix, .copyRright, .eventsdata, .footerLinks, .links ul li {
	clear: both
}
.calendars-month {
	overflow: hidden;
	text-align: center
}
.calendars-month-header, .calendars-month-header input, .calendars-month-header select {
	height: 1.5em;
	color: #fff;
	font-weight: 700;
	margin-top: 3px;
	font-size: 25px;
	background-color: #333
}
.calendars-year-header {
	height: 1em;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	margin-top: 15px;
	background-color: #333
}
.calendars-month-header input, .calendars-month-header select {
	height: 1.4em;
	border: none
}
.calendars-month-header input {
	position: absolute;
	display: none
}
.calendars-month table {
	width: 255px;
	height: 189px;
	margin: 10px auto
}
.calendars-month thead {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa
}
.calendars-month td, .calendars-month th {
	margin: 0;
	padding: 0;
	font-weight: 400;
	text-align: center
}
.eventsTitle, .eventsdata, .imamUniTextBig, .newsTitle, h2 {
	font-weight: 700
}
.calendars-month th {
	padding-bottom: 2px
}
.calendars-month th, .calendars-month th a {
	color: #fff;
	background-color: #333
}
.calendars-month td {
	width: 23px;
	padding: 0 1px;
	background-color: #333
}
.calendars-month td.calendars-week {
	border: 1px solid #777
}
.calendars-month td.calendars-week * {
	color: #fff;
	border: none;
	background-color: #777
}
.calendars-month a, .calendars-month td .calendars-weekend {
	background-color: #333
}
.calendars-month a {
	display: block;
	width: 100%;
	padding: 2px 0;
	color: #fff;
	text-decoration: none;
	font-family: 'segoe ui', verdana, arial, sans-serif
}
.calendars-month span {
	display: block;
	width: 100%;
	padding: .125em 0
}
.calendars-month td span {
	color: #888
}
.calendars-month td .calendars-other-month {
	display: none;
	background-color: #333
}
.PlayAnnouncement li a {
	display: block;
	float: right;
	height: 0;
	overflow: hidden;
	padding-top: 13px;
	width: 26px;
	margin-top: 5px;
	cursor: pointer
}
#powerTip, .notification {
	cursor: default;
	font-weight: 700
}
.sliderPause a {
	background-position: -26px -26px !important
}
.sliderPlay a {
	background-position: -26px -13px !important
}
.calendars-month td .calendars-highlight {
	background-color: #949494
}
.calendars-month td .calendars-selected {
	color: #1eb3f3;
	background-color: #777
}
.calendars-month th.calendars-week {
	color: #fff;
	background-color: #777
}
.calendars-cmd-next img, .calendars-cmd-prev img {
	border: none !important
}

.firstRow {
    min-height: 304px;
}
#powerTip {
	width: 40%;
	height: auto;
	color: #949494;
	padding: 10px 10px 5px;
	position: absolute;
	text-align: right;
	display: none;
	background-color: #fff
}
.tab, .tile, .tile span, .tile span:hover, span.lang {
	display: block
}
#powerTip::before {
	content: '';
	position: absolute
}
#powerTip.n::before, #powerTip.s::before {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: transparent;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: transparent;
	left: 50%;
	margin-left: -5px
}
#powerTip.e::before, #powerTip.w::before {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: transparent;
	margin-top: -5px;
	top: 50%
}
#powerTip.n::before, #powerTip.ne::before, #powerTip.nw::before {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #fff;
	bottom: -10px
}
#powerTip.s::before, #powerTip.se-alt::before, #powerTip.se::before, #powerTip.sw-alt::before, #powerTip.sw::before {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	top: -10px
}
#powerTip.e::before {
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #fff;
	left: -10px
}
#powerTip.s::before {
	border-bottom-color: #fff
}
#powerTip.w::before {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #fff;
	right: -10px
}
#powerTip.ne::before, #powerTip.se::before {
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: transparent;
	border-left-width: 0;
	left: 10px
}
#powerTip.nw::before, #powerTip.sw::before {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: transparent;
	border-right-width: 0;
	right: 10px
}
#powerTip.se::before, #powerTip.sw::before {
	border-bottom-color: #acacac
}
#powerTip.ne-alt::before, #powerTip.nw-alt::before, #powerTip.se-alt::before, #powerTip.sw-alt::before {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #fff;
	bottom: -10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: transparent;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: transparent;
	left: 10px
}
#powerTip.ne-alt::before, #powerTip.se-alt::before {
	left: auto;
	right: 10px
}
#powerTip.se-alt::before, #powerTip.sw-alt::before {
	border-top-style: none;
	border-bottom-color: #fff;
	bottom: auto
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%
}
blockquote, body, dd, div, dl, dt, embed, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, object, ol, p, pre, table, td, th, tr, ul {
	font-family: 'segoe ui', verdana, arial, sans-serif;
	margin: 0;
	padding: 0
}
h1, h2, p {
	margin-bottom: 30px
}
h1 {
	color: #009fe4;
	font-size: 20px
}
h2, p {
	font-family: tahoma;
	font-size: 14px
}
h2 {
	color: #6e6e6e;
	line-height: 24px;
	margin-top: 15px
}
p {
	color: #848484
}
a:-webkit-any-link {
text-decoration:none !important
}
.welcomeUserName, a:link, a:visited, body {
	font-family: 'segoe ui', verdana, arial, sans-serif;
	font-size: 12px
}
a img, img {
	border: 0
}
header {
	min-height: 140px;
	padding-bottom: 20px;
	background-image: url(/_LAYOUTS/15/Imam/Images/headerBG.jpg);
	background-color: #f2f2f2;
	background-repeat: repeat-x
}
body {
	color: #949494;
	overflow: hidden
}
a:link, a:visited {
	color: #1eb3f3;
	text-decoration: none
}
footer a:link, footer a:visited {
	color: #fff
}
table p {
	margin-bottom: 0 !important
}
a span:hover, a:hover {
	text-decoration: underline
}
.selectLanguage a:hover, .selectLanguage a:link, .selectLanguage span:hover, span.lang {
	text-decoration: none
}
.announcementsBG *, .blueTile:hover, .grayTile, .grayTile:hover, .newsTile, .newsTile span, .newsTile:hover, .tab:hover, .tabs a:link, .tabs a:visited, .tile, .tile span, .tile span:hover {
	text-decoration: none !important
}
.SiteWidth {
	margin: auto;
	max-width: 1250px;
	padding: 0
}
.userNameAria {
	min-height: 30px
}
.welcomeUserName {
	margin-top: 15px;
	width: 35px
}
.SystemsContainter .tileTitle, .announcemtntsTitleText, .footerColumnTitel, .imamUniTextBig, .imamUniTextSmall, .oneLineTile, .tab, .tabTitle, .tileTitle, .towLineTile, .userName a, .zigzagTitleWithIcon, h1 {
	font-family: 'Droid Arabic Kufi'
}
.tab, .tabTitle {
	font-size: 20px
}
.userName {
	margin: 8px 0px 0px 0px !important
}
.ms-signInLink {
	line-height: 23px
}
.userName a {
	color: #009fe4
}
.eventsTitle, .newsTitle, .notification, span.lang {
	font-family: tahoma
}
.CertificatesCon img {
	width: 100%
}
.selectLanguage {
	margin-top: 5px;
	height: 35px;
	overflow: hidden;
	padding: 0 1px !important;
	background-color: #ededed
}
span.lang {
	width: 55px;
	text-align: center;
	line-height: 28px;
	margin: 3px 2px 0;
	height: 29px
}
.inactiveLang {
	color: #616161;
	background-color: #fff
}
.activeLang, .inactiveLang:hover {
	color: #fff;
	background-color: #de841a
}
.selectLanguage select {
	border: 1px solid #fff;
	width: 120px
}
.imamuLogo {
	margin-top: 60px
}
#alertTab .slidesjs-container {
	height: 186px !important;
	min-height: 186px !important
}
#eserviceTab .slidesjs-container, #eserviceTab .slidesjs-control, .tabs-favoritelinks .slidesjs-container, .tabs-favoritelinks .slidesjs-control {
	width: auto !important;
	height: 186px !important;
	min-height: 186px !important
}
#aside, aside {
	overflow: hidden;
	width: 31%;
	min-width: 388px
}
.announceDots {
	width: auto !important;
	position: static !important
}
.announceDots li {
	margin: 0 0 0 2px !important;
	width: 13px !important;
	height: 13px !important
}
.announceDots li button {
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	background-color: #a1a1a1;
	min-width: 0 !important;
	margin: 0 !important
}
.announceDots .slick-active button {
	background-color: #DE841A
}
.HighContrast .announceDots .slick-active button {
	background-color: #000 !important
}
.announceDots {
	float: right !important;
	text-align: left;
	margin-left: -2px
}
.grayTile, .tab {
	text-align: center
}
.Logos, .asideWidth {
	width: 31%;
	min-width: 388px
}
.firstRow {
	overflow: hidden
}
.blueTile, .blueTile:hover {
	height: 120px;
	color: #fff;
	text-align: center
}
.tile {
	width: 124px
}
.blueTile {
	margin-bottom: 5px;
	background-color: #1eb3f3
}
.blueTile:hover {
	background-color: #069
}
.tileTitle {
	height: 38px;
	width: 100px
}
.secoundRow {
	margin-top: 45px;
	width: 100%
}
.secoundRowGrayTilesWidth {
	margin-top: 61px
}
.secoundRowGrayTilesWidth .grayTile {
	height: 95px
}
.tabs {
	width: 100%;
	height: 40px;
	margin-bottom: 10px
}
.grayTile, .grayTile:hover {
	margin-bottom: 5px
}
.tab {
	height: 38px;
	min-width: 116px;
	padding-top: 1px
}
.activeTab {
	color: #fff;
	background: #de841a
}
.inactiveTab {
	color: #505050;
	background: #fff
}
.inactiveTab:hover {
	color: #fff;
	background: #de841a
}
.flixbleTab {
	width: auto;
	padding: 0 13px
}
.grayTile {
	color: #858585;
	height: 99px;
	background: #eaeaea
}
.grayTile:hover {
	color: #fff;
	background: #a0a0a0
}
.NewAnnounce img {
	width: 100%;
	height: 247px
}
.NewAnnounce .slick-dots li button {
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	background-color: #a1a1a1 !important;
	min-width: 0 !important;
	margin: 0 !important
}
.NewAnnounce .slick-dots .slick-active button {
	background-color: #DE841A !important
}
.NewAnnounce {
	margin-bottom: 0 !important;
	height: 247px
}
.NewAnnounce .slick-dots li {
	overflow: hidden;
	margin: 0 0 0 2px !important;
	width: 13px !important;
	height: 13px !important
}
.NewAnnounce .slick-dots {
	float: left !important;
	left: 28px !important;
	text-align: left;
	width: auto !important;
	bottom: -21px !important
}
.hasCalendarsPicker .slidesjs-pagination {
	display: none
}
.towLineTile {
	width: 84px
}
.grayTile:hover .towLineTile {
	color: #fff
}
.BodyWidth {
	width: 750px
}
.tabTitle {
	color: #505050;
	margin-top: 1px
}
.newsTile {
	height: 106px;
	margin-bottom: 14px;
	padding: 17px;
	width: 334px;
	background: #1eb3f3
}
.newsTile, .newsTile span {
	display: block
}
.newsTile:hover {
	background: #069
}
.imamLogoSvg :hover, .links ul li div a {
	text-decoration: none
}
.newsTitle {
	color: #fff;
	height: 46px;
	width: 195px
}
.newsDescription {
	color: #fff;
	height: 48px;
	width: 195px
}
.newsImage, .newsImage img {
	width: 118px;
	height: 107px
}
.newsImage {
	margin-top: -46px;
	overflow: hidden
}
.portalHelp, .portalKnowlege {
	height: 110px;
	padding-top: 10px;
	width: 120px;
	text-align: center;
	position: absolute;
	color: #949494;
	margin-top: 130px;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat
}
.portalKnowlege {
	margin-top: 0
}
footer {
	margin-top: 35px;
	width: 100%;
	overflow: hidden;
	background: url(/_LAYOUTS/15/Imam/Images/1.png) 50% 0 repeat-x #949494
}
.footerCenter {
	margin-top: 26px
}
.footerColumnTitel {
	color: #fff;
	font-size: 20px;
	height: 36px;
	width: 375px
}
.slick-prev {
	right: -25px !important
}
.search {
	margin-top: 5px;
	width: 370px
}
.inactiveLang a {
	display: block;
	color: #616161;
	height: 29px !important
}
.inactiveLang a:focus, .inactiveLang a:hover {
	outline: 0;
	color: #fff;
	background-color: #DE841A
}
.search input {
	border: none;
	color: #595959;
	height: 20px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 315px
}
.downloadsLink a, .links ul li div a {
	color: #fff
}
.siteLinks {
	margin-top: 3px;
	width: 375px;
	overflow: hidden
}
.siteLink {
	height: 15px;
	margin: 0 0 16px;
	width: 125px
}
.downloadsLinks {
	width: 375px
}
.downloadsLink {
	margin-bottom: 10px;
	width: 187px
}
.footerCoulmn, .links {
	width: 375px
}
.downloadsLink img {
	padding-left: 10px
}
.links {
	margin-top: 10px
}
.links ul li img {
	margin-top: 5px
}
.links ul li div {
	padding-bottom: 13px;
	width: 100%;
	transition: all .2s ease
}
.followUsIcon {
	height: 28px;
	margin-top: 9px;
	width: 352px
}
.followUsIcon img {
	border-style: none;
	padding-left: 22px
}
.followUsMargin {
	margin-top: 30px
}
.DigiCertbg, .cssbg, .footerQMarkbg, .html5, .isobg, .rssvalidationbg {
	transition: all .2s ease;
	width: 88px;
	height: 31px;
	background-image: url(/_LAYOUTS/15/Imam/Images/portalIcons.png)
}
.DigiCertbg a, .cssbg a, .footerQMarkbg a, .html5 a, .isobg a, .rssvalidationbg a {
	display: block;
	width: 100%;
	height: 100%
}
.html5 {
	background-position: -401px -161px
}
.cssbg {
	background-position: -308px -161px
}
.rssvalidationbg {
	background-position: -120px -161px
}
.DigiCertbg {
	background-position: -213px -161px
}
.isobg {
	background-position: -24px -161px
}
.footerQMarkbg {
	background-position: 0 -171px;
	height: 20px;
	width: 15px
}
.NewsLoader {
	height: 308px;
	text-align: center;
	overflow: hidden
}
.NewsLoader img {
	padding-top: 152px
}
.copyRright {
	padding-top: 15px;
	color: #fff;
	text-align: left
}
.w3cValidationIcons {
	margin-top: -6px
}
.loaderImage {
	text-align: center;
	overflow: hidden
}
#announcementsSlides .slidesjs-pagination {
	margin-top: 7px
}
.loaderImage img {
	padding-top: 95px
}
#announcementsSlides a, #announcementsSlides img, #newsSlides a, #newsSlides img, .newsImage img, .tile img {
	border: 0
}
a.slidesjs-next, a.slidesjs-play, a.slidesjs-previous, a.slidesjs-stop {
	display: none !important
}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}
.slidesjs-pagination li.rss-link a {
	background-position: -13px -13px
}
.notification {
	border: 1px solid #de841a;
	border-radius: 36px;
	color: #de841a;
	display: none;
	font-size: 12px;
	height: 14px;
	padding: 3px;
	text-align: center;
	top: -15px;
	width: 14px;
	z-index: 999;
	background-color: #fff;
	left: 156px;
}
.downloadArrow {
	height: 9px;
	margin-top: 4px;
	width: 13px;
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -1px -3px
}
.linksIcon {
	height: 0;
	margin-left: 12px;
	margin-top: 4px;
	width: 14px !important;
	background-image: url(/_LAYOUTS/15/Imam/Images/portalIcons.png);
	background-position: -15px -2px;
	background-repeat: no-repeat
}
.rssIcon {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -57px -99px
}
.rssIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -57px -130px
}
.youtubeIcon {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -29px -99px
}
.youtubeIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -29px -130px
}
.GooglePlusIcon, .GooglePlusIcon:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/portalIcons.png)
}
.GooglePlusIcon {
	background-position: -308px -100px
}
.GooglePlusIcon:hover {
	background-position: -308px -129px
}
.twitterIcon {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -85px -99px
}
.twitterIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -85px -130px
}
.flickerIcon {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -113px -100px
}
.flickerIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -113px -129px
}
.facebookIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) 0 -129px
}
.androidIcon, .androidIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/Android.png)
}
.appleStoreIcon, .appleStoreIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/apple.png)
}
.instagramIcon, .instagramIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/instagram.png)
}
.chatIcon, .chatIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/chat.png)
}
.otherIcon, .otherIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/other.png)
}
.LinkedInIcon {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -140px -99px
}
.LinkedInIcon:hover {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -140px -130px
}
.facebookIcon {
	background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) 0 -100px
}
.Snapchaticon {
    background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png) -168px -99px;
}
.Snapchaticon:hover {
    background: url(/_LAYOUTS/15/Imam/Images/portalIcons.png)-168px -129px;
}
.followUsIcons {
	height: 29px;
	margin-left: 5px;
	transition: all .3s ease;
	width: 27px;
	display: block
}
[id$=x-sharepoint-uc] {
	display: none
}
.eventTiles {
	height: 106px;
	margin-bottom: 14px;
	padding: 17px;
	transition: all .5s ease;
	width: 334px;
	background-color: #1eb3f3
}
.eventTiles:hover {
	background-color: #069
}
.eventTiles, .eventTiles span, .eventTiles span:hover {
	display: block;
	text-decoration: none !important
}
.eventsTitle {
	color: #fff;
	height: 41px
}
.eventsDescription {
	clear: both;
	color: #fff;
	height: 48px
}
.eventsdata {
	width: 90px
}
.ActivityEnd, .ActivityStart {
	width: 240px
}
.eventsDescription div {
	margin-bottom: 8px
}
.secoundRowWidth {
	width: 770px
}
#allLibrariesBlock .slidesjs-container {
	height: 435px !important
}
researchicon_1 {
	background-image: url(/_LAYOUTS/15/Imam/Images/researchIcon_1.png);
	background-position: 50% 50%;
	background-repeat: no-repeat
}
#SubLinksBox a .blueTile {
	margin-bottom: 4px;
	padding-top: 15px
}
.staffSite {
	height: 30px;
	background-color: #E8E8E8;
	margin-top: 8px;
	margin-left: 27px;
	padding: 0 15px
}
.staffSite img {
	margin: 5px 0 0
}
.staffSite a {
	height: 100%;
	width: 100%;
	display: block
}
.staffSite span {
	color: #308DB5;
	margin-top: -23px;
	display: block;
	margin-right: 25px;
	font-family: Droid Arabic Kufi
}
.search select {
	border: none;
	color: #fff;
	font-size: 14px;
	height: 32px;
	margin-bottom: 26px;
	overflow: hidden;
	padding-top: 7px;
	width: 375px;
	background: #d2d2d2
}
.ms-siteactions-normal, .ms-welcome-root {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: transparent
}
.search {
	height: auto;
	overflow: hidden
}
#MainLinksBox a .bigblueTile {
	margin-bottom: 8px
}
#siteactiontd {
	margin-top: -6px;
	display: inline-block
}
.imamLogoSvg {
	height: 89px;
	overflow: hidden;
	margin-top: 59px
}
.imamLogoSvgImage {
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right center;
	width: 60px;
	height: 89px;
	background-image: url(/_layouts/15/Imam/Images/svg/imamuLogoSvg1.svg)
}
.imamLogoSvg a {
	display: block;
	width: 100%;
	height: 100%;
	color: #77787B
}
.imamLogoSvg span {
	display: block
}
.imamLogoSvgText {
	padding: 0 15px
}
.imamUniTextSmall {
	font-size: 13px;
	line-height: 17px;
	color: #29abe2;
}
.imamUniTextBig {
	font-size: 17px;
	line-height: 35px;
	color: #005baa;
}
.imamUniTextSmallKSA {
	padding-top: 25px
}
.MobileSystems {
	display: none
}
.SystemsContainter .blueTile, .SystemsContainter .blueTile:hover {
	height: 78px;
	color: #a1a1a1;
	background-color: #f2f2f2;
	border-right-width: 5px;
	border-right-style: solid
}
.SystemsContainter .blueTile:hover, .SystemsContainter .blueTile:hover .tileTitle {
	color: #fff
}
.SystemsContainter .tileTitle {
	color: #858585;
	text-align: center
}
.SystemsContainter .tile {
	width: 119px
}
.SystemU_1 .blueTile {
	border-color: #4b99c6
}
.SystemU_2 .blueTile {
	border-color: #568b72
}
.SystemU_3 .blueTile {
	border-color: #5bab46
}
.SystemU_4 .blueTile {
	border-color: #ad5e33
}
.SystemU_5 .blueTile {
	border-color: #617fd5
}
.SystemU_6 .blueTile {
	border-color: #994a5c
}
.SystemU_7 .blueTile {
	border-color: #cd835a
}
.SystemU_8 .blueTile {
	border-color: #567a8b
}
.SystemU_9 .blueTile {
	border-color: #b19035
}
.SystemU_1 .blueTile:hover, .blueTile:focus {
	background-color: #4b99c6
}
.SystemU_2 .blueTile:hover, .blueTile:focus {
	background-color: #568b72
}
.SystemU_3 .blueTile:hover, .blueTile:focus {
	background-color: #5bab46
}
.SystemU_4 .blueTile:hover, .blueTile:focus {
	background-color: #ad5e33
}
.SystemU_5 .blueTile:hover, .blueTile:focus {
	background-color: #617fd5
}
.SystemU_6 .blueTile:hover, .blueTile:focus {
	background-color: #994a5c
}
.SystemU_7 .blueTile:hover, .blueTile:focus {
	background-color: #cd835a
}
.SystemU_8 .blueTile:hover, .blueTile:focus {
	background-color: #567a8b
}
.SystemU_9 .blueTile:hover, .SystemU_9 .blueTile, .blueTile:focus {
	background-color: #b19035
}
#tilesMarginTop .blueTile {
	padding-top: 10px
}
#tabsMiddle-services .slidesjs-container {
	min-height: 0;
	overflow: hidden;
	height: 285px !important
}
.showMenuIcon {
	cursor: pointer;
	width: 100%;
	height: 100%
}
.newSiteMenu {
	overflow: hidden;
	background-image: url(/_LAYOUTS/15/imam/Images/showMenuIcon.png);
	width: 30px;
	height: 30px
}
.homePageSiteAction {
	position: absolute;
	width: 200px;
	background-color: #A5A5A5;
	z-index: 999999999999999999999999999999999999;
	padding: 0;
	top: 40px;
	display: none
}
.homePageSiteAction li {
	background-color: #fff;
	margin: 1px 0
}
.homePageSiteAction a {
	color: #6B6B6B;
	display: block;
	padding: 8px 10px
}
#tabsMiddle-services .slidesjs-pagination {
	margin: 5px 0 0 20px !important
}
#newsTab .slidesjs-container, #newsTab .slidesjs-control {
	width: auto !important;
	height: 186px !important;
	min-height: 186px !important
}
#discussionSlides .slidesjs-container, #discussionSlides .slidesjs-control {
	width: auto !important;
	height: 300px !important;
	min-height: 300px !important
}
#tabsMiddle-eservices .slidesjs-container, #tabsMiddle-eservices .slidesjs-control {
	width: auto !important
}
.calendars-month-row a {
	color: #fff !important
}
.bodyCenter {
	margin-top: 36px;
	overflow: hidden
}
.albumsCover .newsTile {
	margin: 0
}
.moreSystemsTile .tileTitle {
	display: none !important
}
.lastUpdate p {
	line-height: 24px
}
.lastUpdate {
	width: 466px;
	height: 50px;
	margin-top: -6px;
	padding: 6px 10px;
	background-image: url(/_LAYOUTS/15/imam/Images/lastUpdateIcon.png);
	background-color: #d5d5d5;
	background-size: contain;
	background-repeat: no-repeat
}
.footerLinks {
	margin-top: -25px;
	text-align: right
}
.footerLinks a {
	line-height: 35px
}
.lastUpdate p {
	font-size: 12px;
	margin: 0
}
.announcementsBG {
	width: 100%;
	height: 247px;
	overflow: hidden;
	background-image: url(/_LAYOUTS/15/imam/Images/announceBGImage.jpg);
	background-color: #e8e8e8;
	background-position: 50% 0;
	background-repeat: repeat-x
}
.HomePageUserLinks ul li, .LogoHomePage {
	background-size: contain;
	background-repeat: no-repeat
}
.announcementsDescText {
	padding: 0 25px
}
.announcemtntsTitleText {
	padding: 50px 25px 20px;
	font-size: 27px;
	margin: 0 !important
}
.announcementsBG a {
	width: 100%;
	height: 100%;
	display: block
}
.oneRowLine .tile {
	width: 202px
}
.oneRowLine .tileTitle {
	width: 143px;
	font-size: 14px;
	line-height: 20px
}
.HomePageUserLinks {
	margin: 55px 0 0;
	position: absolute
}
.HomePageUserLinks ul li {
	height: 30px;
	overflow: hidden;
	line-height: 27px;
	width: auto;
	background-color: #de841a
}
.HomePageUserLinks ul li a {
	display: block
}
.HomePageUserLinks ul li a:hover {
	text-decoration: none
}
.HomePageUserLinks a span {
	color: #fff
}
.homePageMyPageIcon {
	background-image: url(/_LAYOUTS/15/imam/Images/MyPageIcon.png)
}
.homePageMySiteIcon {
	background-image: url(/_LAYOUTS/15/imam/Images/mySiteIcon.png)
}
.float1 {
	float: right
}
.float2 {
	float: left
}
div {
	direction: rtl
}
.LogoHomePage a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px
}
.LogoHomePage {
	height: 94px;
	width: 340px;
	background-image: url(/_layouts/15/Imam/Images/imamuSmallLogo.png)
}
.LogoHomePage img {
	display: none
}
.links ul li img {
	padding-left: 8px
}
.tabMarginRight {
	margin-right: 8px
}
.slidesjs-pagination {
	float: left;
	list-style: none;
	margin: 5px 0 0
}
.slidesjs-pagination li {
	float: right;
	margin: 0 2px 0 0
}
.slidesjs-pagination li a {
	display: block;
	float: right;
	height: 0;
	overflow: hidden;
	padding-top: 13px;
	width: 12.9px;
	background-image: url(/_LAYOUTS/15/Imam/Images/pagination.png);
	background-position: 0 0
}
.slidesjs-pagination li.archive-link a, .slidesjs-pagination li.archive-link:hover a {
	background-position: -26px 0
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover {
	background-position: 0 -13px
}
.slidesjs-pagination li.archive-link a.active, .slidesjs-pagination li.archive-link a.active:hover {
	background-position: 13px 0
}
#activitiesSlides ul.slidesjs-pagination, #recentSlides ul.slidesjs-pagination {
	margin: -2px 0 0 20px
}
#newsSlides ul.slidesjs-pagination {
	margin: -7px 0 0 20px
}
#tabsMiddle-eservices .slidesjs-pagination {
	margin-left: 20px;
	margin-top: 7px
}
#tabsMiddle-eservices .slidesjs-container {
	height: 284px !important;
	min-height: 284px !important
}
#tabsMiddle-eservices .slidesjs-control {
	height: 270px !important
}
#alertTab .slidesjs-pagination, #eserviceTab .slidesjs-pagination, .tabs-favoritelinks .slidesjs-pagination {
	margin-left: 20px
}
.search input {
	padding-right: 5px;
	padding-left: 50px;
	background: #d1d1d1
}
.downloadsLink a, .search select {
	padding-right: 10px
}
.portalHelp {
	margin-right: 255px;
	background-image: url(/_LAYOUTS/15/Imam/Images/arPortalHelpIcon.png)
}
.portalKnowlege {
	margin-right: 255px;
	background-image: url(/_LAYOUTS/15/Imam/Images/arEknowlegePortal.png) !important
}
.copyRright a {
	padding-left: 15px
}
.footerLinks a {
	padding-left: 7px
}
.w3cValidationIcons {
	margin-left: 10px
}
.userName {
	margin-right: -5px
}
#welcomeMenuBox div.ms-core-menu-box {
	margin-left: -1px
}
.grayTile {
	margin-left: 5px
}
.eventTiles, .newsTile {
	margin-left: 14px
}
#SubLinksBox a .blueTile {
	margin-left: 4px
}
.blueTile {
	margin-left: 5px
}
#honorBoardSlides1 .slidesjs-container {
	min-height: 0;
	height: 295px !important
}
#MainLinksBox a .bigblueTile {
	margin-left: 8px
}
#ITeachersServicesLinksBox .slidesjs-pagination, #SHIServicesLinksBox .slidesjs-pagination, #div_honor_sub_container_elearn .slidesjs-pagination, #div_honor_sub_container_regular .slidesjs-pagination {
	margin-left: 20px
}
#ServicesLinksBox .slidesjs-pagination {
	margin: 0 0 0 15px
}
#newsTab .slidesjs-pagination {
	margin-left: 20px
}
#discussionSlides ul.slidesjs-pagination {
	margin: 1px 0 0 20px !important
}
.links ul li:hover .linksIcon {
	margin-left: 20px
}
.footerColumnMargin {
	margin: 16px 0
}
.tab {
	line-height: 36px
}
.tileTitle {
	line-height: 14px;
	margin: 10px auto auto;
	padding-bottom: 10px
}
.oneLineTile, .towLineTile {
	margin: 21px auto auto;
	font-size: 14px
}
.SystemsContainter .tileTitle {
	margin-top: 23px;
	font-size: 14px;
	line-height: 21px
}
.selectLanguage {
	padding-right: 2px
}
.lastUpdate {
	text-align: right;
	background-position: 0 50%
}
.HomePageUserLinks ul li {
	margin-right: 20px;
	background-position: 100% 50%
}
.HomePageUserLinks ul li a {
	padding-right: 30px;
	padding-left: 10px
}
.HomePageUserLinks {
	padding-right: 0;
	left: 27.5%
}
.eventArchiveLink {
	margin-top: 10px !important;
	margin-left: 10px !important
}
.imamuLogo a {
	display: block;
	width: 100%;
	height: 100%
}
.imamuLogo img, .scrollTop {
	display: none
}
.imamuLogo {
	height: 94px;
	width: 340px;
	background-image: url(/_layouts/15/Imam/Images/imamuSmallLogo.png);
	background-size: contain;
	background-repeat: no-repeat
}
.employeeTileIcon, .facultyMembersTileIcon, .graduatesTileIcon, .instituteStudentTileIcon, .instituteTeachersTileIcon, .studentTileIcon {
	height: 48px;
	margin: auto;
	width: 52px;
	background-image: url(/_LAYOUTS/15/Imam/Images/portalIcons.png)
}
.studentTileIcon {
	background-position: -33px 0
}
.instituteTeachersTileIcon {
	background-position: -85px 0
}
.facultyMembersTileIcon {
	background-position: -33px -50px
}
.instituteStudentTileIcon {
	background-position: -138px 0
}
.graduatesTileIcon {
	background-position: -138px -50px
}
.hr {
	border-width: 1px 0 0;
	border-top-style: solid;
	border-top-color: #c6c6c6
}
.ms-menu-althov-active .ms-menu-stdarw {
	display: none !important
}
.ms-menu-althov-active span.ms-menu-hovarw {
	display: inline-block !important
}
.ms-menu-althov-active .ms-menu-hovarw {
	display: inline
}
.ms-siteactions-root>span>a.ms-core-menu-root {
	width: 16px;
	height: 16px;
	display: inline-block;
	padding: 8px 8px 6px 7px;
	color: #666
}
.ms-siteactions-normal {
	display: inline-block
}
.ms-siteactions-root {
	font-weight: 600;
	display: inline-block;
	position: relative;
	vertical-align: top
}
.ms-core-menu-arrow, .ms-viewselector-arrow {
	vertical-align: middle
}
.ms-siteactions-imgspan {
	display: inline-block;
	width: 15px;
	height: 14px;
	overflow: hidden;
	position: relative
}
.ms-accessible, .ms-hidden, a.ms-SkiptoMainContent, a.ms-SkiptoNavigation, a.ms-TurnOnAcc, a.ms-skip, a:hover.ms-skip, a:visited.ms-skip {
	position: absolute;
	top: -2000px;
	overflow: hidden;
	height: 1px;
	width: 1px;
	display: block
}
.ms-core-menu-arrow, .ms-menu-althov .ms-menu-hovarw {
	display: none !important
}
.ms-siteactions-hover>.ms-core-menu-box.ms-core-menu-box, .ms-welcome-root>.ms-core-menu-box.ms-core-menu-box {
	box-shadow: rgba(0,0,0,.298039) 3px 3px 6px -4px, rgba(0,0,0,.298039) -3px 3px 6px -4px;
	border-top-width: 0;
	border-top-style: solid;
	border-top-color: transparent
}
.ms-siteactions-imgspan>.ms-core-menu-buttonIcon {
	position: absolute;
	top: -102px;
	left: -251px
}
.ms-signInLink, .ms-welcome-root>a.ms-core-menu-root {
	color: #666;
	text-decoration: none;
	height: 30px
}
.ms-core-menu-arrow {
	margin-right: 3px
}
#welcomeMenuBox, .ms-welcome-root {
	display: inline-block;
	height: 30px
}
.ms-welcome-root {
	position: relative;
	line-height: 30px;
	padding: 0 11px 0 7px;
	background-clip: padding-box
}
#welcomeMenuBox {
	font-size: 1em;
	vertical-align: top
}
.ms-signInLink:hover, .ms-welcome-hover>a.ms-core-menu-root {
	color: #444;
	text-decoration: none
}
.moreSystemsTile .tileTitle {
	text-align: right;
	text-indent: 15px;
	padding-top: 5px;
	color: #fff !important
}
.moreSystemsTile, .moreSystemsTile:hover {
	border: none !important;
	width: 123px !important;
	background-image: url(/_layouts/15/Imam/Images/moreSystemIconnew.png);
	background-color: #b19035;
	background-position: 50% 181% !important;
	background-repeat: no-repeat;
	color: #fff !important;
	font-size: 12px;
	font-family: 'Droid Arabic Kufi';
	line-height: 106px
}

@media screen and (min-width:1051px) and (max-width:1050px) {
.HelpPortal, .KnowlegePortal, .imamjornal, .vertualtour {
	width: 100% !important
}
.asideWidth {
	min-width: 265px;
	width: 23%
}
.asideWidth .secoundRow .tabs .inactiveTab {
	display: none !important
}
}

@media screen and (max-width:1172px) {
#aside, #section, aside, section {
	clear: both;
	float: none
}
}

@media screen and (min-width:1050px) {
.secoundRowWidth .slidesjs-container {
	min-height: 303px;
	overflow: hidden
}
}

@media screen and (max-width:1050px) {
.tabs, header {
	overflow: hidden
}
.CertificatesCon {
	width: 100%;
	margin: auto
}
.footerCoulmn, .imamLogoSvg {
	float: none !important;
	clear: both
}
.SiteWidthInner {
	margin: 0
}
.newFooter .footerCoulmn {
	width: 20%;
	margin: 0
}
.HelpPortal, .KnowlegePortal {
	width: 48%
}
.imamLogoSvg {
	padding-top: 15px
}
.newsImagesLibrary {
	width: 100% !important
}
.w3cValidationIcons img {
	margin: 0 !important
}
.portalHelp, .portalKnowlege {
	position: static;
	float: none;
	margin: 0 0 10px !important
}
.HomePageUserLinks {
	padding: 0 !important;
	float: right;
	position: static;
	margin: 8px 0 0
}
.unitsAndBranches {
	width: 100%
}
.imamuLogo {
	clear: both;
	margin-top: 30px
}
.MobileSystems {
	margin-top: 40px;
	display: block !important
}
.inactiveTab {
	display: none
}
.newArchLink {
	float: right
}
.PlayAnnouncement li a {
	float: left
}
.asideWidth {
	min-width: 0 !important;
	width: 100% !important
}
.BodyWidth, .announcementImage, .announcementImage img, .newsTile, .tile {
	width: 100%
}
.newsTile {
	clear: both;
	float: none !important
}
.newsTile:hover {
	clear: both;
	width: 100%
}
#newsSlides .slidesjs-container, #newsSlides .slidesjs-container .slidesjs-control {
	height: 603px !important
}
#recentSlides ul.slidesjs-pagination {
	margin: 8px 0 0 20px
}
.slidesjs-pagination {
	float: right !important
}
.tabs {
	height: auto
}
.secoundRowWidth {
	width: auto
}
.newsImage {
	display: none !important;
	margin-top: 0
}
.newsDescription, .newsTitle {
	width: 85%
}
.secoundRowWidth .slidesjs-container {
	min-height: 303px;
	overflow: hidden
}
}

@media screen and (max-width:800px) {
.announcemtntsTitleText {
	font-size: 18px;
	padding: 12px;
	line-height: 28px;
	font-weight: 400
}
.announcementsBG {
	height: 150px
}
.announcementsDescText {
	display: none
}
}

@media screen and (max-width:700px) {
.NewAnnounce img {
	height: auto
}
}

@media screen and (max-width:520px) {
.userNameAria {
	margin-top: -34px
}
header {
	overflow: hidden
}
.secoundRowWidth .slidesjs-container {
	min-height: 303px;
	overflow: hidden
}
}

@media screen and (max-width:550px) {
.lastUpdate, footer {
	overflow: hidden
}
.lastUpdate {
	width: 100%;
	padding: 55px 0 0;
	text-align: center !important;
	height: auto;
	background-position: top center !important;
	background-size: 50px
}
.portalHelp, .portalKnowlege {
	margin: 10px 0 0 !important;
	width: 95%;
	position: relative
}
.SiteWidthInner, .footerCoulmn {
	margin: 0 !important
}
.portalKnowlege {
	margin-top: 0 !important
}
*, a:hover, a:link {
	text-decoration: none
}
.footerCoulmn {
	width: 100% !important;
	min-width: 100%
}
.copyRright a, .links, .search, .search input, .siteLinks {
	width: 100%
}
.search input {
	padding: 0
}
.footerColumnTitel, .footerColumnTitel a {
	width: 100%;
	display: block
}
.copyRright {
	text-align: center
}
.copyRright a {
	display: block;
	text-align: right
}
}

@media screen and (max-width:450px) {
.imamLogoSvg, .imamLogoSvg * {
	float: none !important;
	width: 100%
}
.imamLogoSvg {
	margin: 20px 0;
	clear: both
}
.imamLogoSvg * {
	text-align: center;
	margin: auto;
	clear: both !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	overflow: hidden;
	background-position: center
}
.imamUniTextSmallKSA {
	padding-top: 12px
}
.imamLogoSvg {
	height: auto !important;
	background-position: center top;
	background-size: 60px
}
}

@media screen and (max-width:380px) {
.footerQMarkbg {
	margin: 20px 69px 0 0 !important;
	position: absolute;
	right: 140px
}
.moreSystemsTile, .moreSystemsTile:hover {
	width: 100% !important
}
.SystemsContainter .tile, .blueTile, .downloadsLink, .search, .search input, .siteLink, .tileTitle, .towLineTile {
	width: 100%
}
.newsTile, .newsTile:hover {
	height: 32px
}
.newsTitle {
	font-size: 14px;
	font-weight: 400
}
#newsSlides .slidesjs-container, #newsSlides .slidesjs-container .slidesjs-control {
	height: 314px !important
}
.SystemsContainter .tileTitle {
	text-align: center !important
}
.grayTile, .grayTile:hover {
	width: 100%;
	margin: 0 0 10px;
	text-align: center
}
.search input {
	padding: 6px 0
}
.advancedSearch {
	display: none
}
.copyRright {
	text-align: center
}
.followUsIcon {
	height: 28px;
	margin: 9px auto auto;
	width: 245px
}
.imamuLogo img {
	width: 90%
}
.imamuLogo {
	margin-top: 110px
}
.selectLanguage {
	width: 100% !important;
	float: none !important
}
.userLinks {
	margin: 76px 0 0;
	position: absolute;
	width: 300px
}
header {
	padding-bottom: 15px;
	overflow: hidden
}
.secoundRowWidth .slidesjs-container {
	min-height: 303px;
	overflow: hidden
}
.linksIcon {
	background-image: url(/_LAYOUTS/15/Imam/Images/svg/linksIcon.svg);
	background-repeat: no-repeat;
	background-size: 17px;
	width: 17px !important;
	background-position: center
}
.SiteWidth .SiteWidth {
	width: 100%;
	padding: 0
}
.HomePageUserLinks {
	position: static;
	margin: 20px 0 0 !important;
	padding-right: 0 !important;
	clear: both;
	width: 100%
}
.HomePageUserLinks ul li {
	height: 40px;
	line-height: 37px;
	width: 100%;
	margin-bottom: 10px
}
.HomePageUserLinks ul li a {
	padding-right: 42px
}
.userNameAria {
	float: right !important;
	clear: both !important
}
.footerLinks {
	margin-top: 0
}
}

@media screen and (max-width:1158px) {
.userLinks {
	padding-right: 0 !important
}
.imamuLogo {
	margin-right: 15px
}
.LogoHomePage {
	background-image: url(/_layouts/15/Imam/Images/imamuBigLogo.png);
	background-size: contain
}
}

@media screen and (max-width:1050px) {
.towLineTile {
	width: 100%
}
.lang_ar, .lang_en {
	float: left;
	width: 57px
}
}

@media screen and (max-width:520px) {
.userNameAria {
	margin-left: 57px
}
}

@media screen and (max-width:380px) {
.CertificatesCon {
	width: 100%
}
.userLinks ul li {
	margin-right: 240px
}
.userNameAria {
	margin-left: -140px
}
.LogoHomePage {
	margin: 25px 0 0;
	width: 100%
}
.HomePageUserLinks ul li a {
	padding-right: 42px
}
.HomePageUserLinks ul li {
	margin-right: 0
}
}
.NewUserName, .NewUserName a, .dept-name-bg, .overlay-date {
	font-family: 'Droid Arabic Kufi'
}

@media screen and (max-width:1050px) {
.HigContrastColors:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeNormal.png) !important;
	background-color: #EDEDED !important
}
.HighContrast .HigContrastColors:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeHighContrastH.png) !important;
	background-color: #535353 !important
}
.newFooter .SearchIcon {
	left: 0 !important
}
.newFooter .search input {
	padding: 6px 10px !important;
	width: 100% !important
}
.eventTiles {
	width: 100% !important
}
.firstRowRightWidth {
	width: 100%
}
#MainLinksBox a .bigblueTile {
	margin-left: 0 !important;
	width: 100%
}
.calendars-rtl {
	width: 100% !important;
	background-repeat: no-repeat
}
.newArchLink {
	margin: 6px 0 0 !important
}
#SubLinksBox a .blueTile {
	width: 100%;
	margin-left: 0 !important
}
}
.newFooter .followUsMargin {
	margin-top: 32px !important
}

@media screen and (max-width:1158px) {
.imamjornal, .vertualtour {
	width: 48%
}
}

@media screen and (max-width:1050px) {
.EventsBannerfadelinks, .EventsBannerfadelinks img {
	width: 100%
}
.homePageSiteAction {
	top: 101px !important
}
}

@media screen and (max-width:550px) {
.homePageSiteAction {
	top: 101px !important
}
.userNameAria {
	position: inherit !important;
	float: right !important;
	clear: both;
	background-color: #fff;
	margin: 10px 0 0 !important;
	width: 100%;
	line-height: 14px
}
.imamjornal, .vertualtour {
	width: 95%
}
}

@media screen and (max-width:1255px) {
.newFooter {
	padding: 23px 5px 0
}
body {
	padding: 0 2px
}
.footerCoulmn {
	width: 100% !important
}
.m-FacebookIcon, .m-TwitterIcon {
	margin: 0 auto;
	background-repeat: no-repeat
}
.MobileShareBox {
	width: 100%;
	height: 57px;
	background-color: #949494;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	position: fixed;
	z-index: 100200
}
.shareFacebookBg {
	background-color: #45619d;
	width: 25%;
	height: 57px;
	display: inline-block;
	float: left
}
.m-FacebookIcon {
	background-image: url(/_LAYOUTS/15/Imam/Images/sharefacebookIcon.png);
	width: 93px;
	height: 56px;
	display: block
}
.shareTwitterBg {
	background-color: #55acee;
	width: 25%;
	height: 57px;
	float: left
}
.m-TwitterIcon {
	background-image: url(/_LAYOUTS/15/Imam/Images/sharetwitterIcon.png);
	width: 93px;
	height: 56px;
	display: block
}
.shareWhatsappBg {
	background-color: #0ea628 !important;
	width: 25% !important;
	height: 57px !important;
	float: left;
	overflow: hidden;
	min-width: 40px;
	display: block
}
.m-WhatsappIcon {
	background-image: url(/_LAYOUTS/15/Imam/Images/sharewhatsappIcon.png) !important;
	margin: 0 auto !important;
	width: 100%;
	height: 100%;
	display: block !important;
	background-repeat: no-repeat !important;
	background-position: center
}
.shareEmailBg {
	background-color: #bd7016;
	width: 25%;
	height: 57px;
	display: inline-block;
	float: right
}
.m-EmailIcon {
	background-image: url(/_LAYOUTS/15/Imam/Images/sharemailIcon.png);
	margin: 0 auto;
	width: 93px;
	height: 56px;
	display: block;
	background-repeat: no-repeat;
	background-position: center
}
}
.eidadha {
	float: left;
	width: 484px;
	height: 67px;
	margin-top: 48px;
	margin-right: 106px;
	background-image: url(/_layouts/15/imam/images/eid-adha-2015.png) !important;
	background-repeat: no-repeat
}

@media screen and (max-width:1200px) {
.HelpPortal, .KnowlegePortal, .imamjornal, .vertualtour {
	width: 100% !important
}
}
.EventsBannerfadelinks, .faderandom {
	position: relative;
	height: 320px;
	width: 100%;
	margin-bottom: 45px
}
.EventsBannerfadelinks>*, .faderandom>* {
	left: 0;
	top: 0;
	display: block
}
.userName a {
	width: 100% !important;
	text-align: center;
	display: block
}

@media screen and (max-width:1050px) {
.EventsBannerfadelinks, .faderandom {
	position: relative !important;
	height: 50%;
	width: 100%;
	margin-bottom: 25px
}
.ms-srch-hover-content div {
	display: none
}
.welcomeUserName {
	line-height: 10px;
	color: #000
}
.newSiteMenu {
	background-position: -4px;
	background-size: 25px;
	background-repeat: no-repeat;
	height: 22px
}
.ms-welcome-root {
	line-height: 0;
	bottom: 31px;
	right: 17px
}
.ms-signInLink {
	line-height: 0;
	bottom: 30px;
	right: -8px;
	position: relative
}
.tab {
	width: 100%;
	margin-bottom: 8px;
	margin-right: 0
}
.tileTitle {
	padding-top: 10px;
	padding-bottom: 0;
	width: 100%
}
.calendars-rtl, .tile {
	width: 100% !important
}
.calendars-month table {
	width: 100% !important;
	height: 189px
}
.calendars-rtl {
	background-repeat: no-repeat !important
}
.inactiveTab {
	background-color: #e1e1e1 !important
}
.newArchLink {
	float: left !important
}
.userNameAria {
	position: inherit !important;
	float: right !important;
	clear: both;
	background-color: #fff;
	margin: 10px 0 0 !important
}
.HomePageUserLinks {
	float: left
}
}
#TagCloud, .tag {
	position: absolute
}
.tag {
	display: block;
	color: #000;
	text-decoration: none
}
.tag:hover {
	border: 1px solid #666
}
#TagCloud {
	float: right;
	width: 380px;
	height: 294px;
	display: inline-block;
	overflow: hidden
}
.tagBall .tag {
	position: relative;
	color: #aaa !important
}
.tagBall .tag:hover {
	border: 0 !important
}
.scrollTop {
	position: fixed;
	bottom: 45px;
	left: 30px;
	z-index: 9999;
	color: #fff;
	font-size: 26px;
	text-align: center;
	cursor: pointer;
	height: 40px;
	width: 40px;
	border-radius: 30px;
	background-color: #c8c8c8;
	background-image: url(/_LAYOUTS/15/Imam/Images/Newarrow.png) !important;
	background-size: 50px 50px;
	background-position: -4px -5px;
	background-repeat: no-repeat;
	border: 2px solid #adadad
}
.CPC input[type=submit], .CaptchaInfoClass, .CloseBanner {
	background-repeat: no-repeat;
	background-position: center
}
.scrollTop:hover {
	background-color: #D1D1D1;
	background-image: url(/_LAYOUTS/15/Imam/Images/NewarrowH.png) !important;
	border: 2px solid #adadad
}
.CPC input[type=submit], .CaptchaInfoClass {
	background-image: url(/_LAYOUTS/15/Imam/Images/changecalendericon.png)
}
.CPC input[type=submit] {
	width: 40px;
	height: 35px;
	margin-right: 10px;
	background-color: #fff;
	border-width: 1px
}
#ctl00_PlaceHolderMain_testCal_ctl00_CaptchaText {
	width: 16%;
	height: 32px;
	color: #000;
	margin-top: 10px
}
.eform_calendar_warning_title {
	margin-right: 10px
}
#CPC {
	margin-top: 10px
}
.CaptchaInfoPopupClass {
	margin-bottom: 10px
}
.CaptchaInfoClass {
	width: 40px;
	height: 32px;
	display: block;
	margin-bottom: 3px;
	margin-right: 163px;
	margin-top: -36px;
	border: 1px solid #ababab
}
.CPC img {
	height: 40px !important;
	width: 108px !important
}
eform_calendar_warning_title {
	margin: 10px
}
ms-dtinput img {
	margin-top: 10px
}
.ms-dtinput input {
	margin-right: -4px;
	margin-top: 10px;
	width: 157px
}
.lang:nth-child(1) {
	line-height: 23px
}
.Imamwpzone {
	min-height: 370px
}

@media screen and (max-width:380px) {
.newsDescription {
	display: none !important
}
}
.CloseBanner {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-color: #de841a;
	position: relative;
	top: 16px;
	background-image: url(/_LAYOUTS/15/Imam/Images/Close.png);
	background-size: 15px 15px;
	z-index: 5
}
.userNameAria {
	margin-top: 6px;
	height: 36px;
	min-width: 100px;
	padding-left: 19px;
	margin-left: 0 !important
}
.NewUserName {
	float: left;
	width: auto;
	padding: 10px;
	margin-top: 5px
}
.NewUserName a {
	width: 100%;
	display: block;
	text-decoration: none
}

@media screen and (max-width:1050px) {
.firstRow {
	height: auto
}
.CloseBanner {
	width: 20px;
	height: 20px;
	top: 7px
}
.userName {
	margin: 0;
	width: 100% !important;
	text-align: center
}
.NewUserName, .userNameAria {
	background-color: #fff;
	width: 100%;
	text-align: center
}
.userNameAria {
	line-height: 4px;
	margin-right: 0 !important;
	padding: 5px
}
.NewUserName {
	float: right !important;
	padding: 10px;
	margin-top: 8px;
	margin-right: 0
}
.NewUserName a {
	margin: 0;
	padding: 0
}
}
.NewUserName a:hover {
	color: #000
}
.HighContrast {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	color: #fff;
	background-color: #fff
}
.HighContrast .NormalColors {
	color: #000 !important
}
.HigContrastColors, .NormalColors {
	font-size: 15px
}
.HighContrast .blueTile {
	background-color: #000
}
.HighContrast .blueTile:hover {
	background-color: #535353
}
.HighContrast .grayTile {
	background-color: #000;
	color: #fff
}
.HighContrast .grayTile:hover {
	background-color: #535353;
	color: #fff
}
.HighContrast .newsTile {
	background-color: #000;
	color: #fff
}
.HighContrast .newsTile:hover {
	background-color: #535353;
	color: #fff
}
.HighContrast .newFooter {
	background: url(/_LAYOUTS/15/Imam/Images/1.png) 0 -4px repeat-x #363636
}
.HighContrast .activeTab, .HighContrast .inactiveTab:hover {
	color: #fff !important;
	background: #000 !important
}
.HighContrast .FooterBottom {
	background: #000
}
.HighContrast .FooterBottom p {
	color: #fff
}
.HighContrast .FooterBottom a, .HighContrast .newFooter .footerLinks {
	color: #fff !important
}
.HighContrast .eventTiles {
	background-color: #000;
	color: #fff
}
.HighContrast .eventTiles:hover {
	background-color: #535353;
	color: #fff
}
.HighContrast .mediaTiles li.slick-active button {
	background-color: #000 !important
}
.HighContrast .inactiveLang, .HighContrast .moreSystemsTile {
	background-color: #000
}
.HighContrast .inactiveLang:hover {
	background-color: #535353
}
.HighContrast .lang a {
	color: #fff !important
}
.HighContrast .CloseBanner {
	background-color: #000
}
.HigContrastColors, .HighContrast .HigContrastColors {
	font-size: 15px;
	background-color: #EDEDED;
	width: 30px;
	height: 33px;
	margin-top: 1px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 4px 7px;
	cursor: pointer
}
.HigContrastColors {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeNormal.png)
}
.HighContrast .HigContrastColors {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeHighContrast.png)
}
.HighContrast .NewUserName a, .HighContrast .userName a {
	color: #000
}
.HighContrast .newsArchiveTile {
	background-color: #000
}
.HighContrast .newsArchiveTile:hover {
	background-color: #535353
}
.HighContrast .breadcrumbHomeIcon {
	background: url(/_LAYOUTS/15/Imam/Images/breadcrumbHomeIcon.png) center #000
}
.HighContrast .dateTile, .HighContrast .evaluation_div {
	background: #363636
}
.HighContrast .addcommentText, .HighContrast .commentDisclaimer {
	background-color: #000
}
.HighContrast .addCommentBlock {
	background: #000
}
.HighContrast .frm_lable {
	color: #fff
}
.HighContrast .btn {
	background-color: #000 !important;
	font-weight: 700;
	font-size: 13px
}
.HighContrast .btn:hover {
	background-color: #535353 !important
}
.HighContrast .keyWord {
	background: #363636;
	color: #fff
}
.HighContrast .keyWordsBlock {
	background: #E2E2E2
}
.HighContrast h1 {
	color: #363636
}
.HighContrast #PageContent p {
	color: #787878
}
.HighContrast .frm_blk {
	background: #363636
}
.DG1_header_blue td, .HighContrast .DG1_header_blue {
	background-color: #363636
}
.DG1_odd_td_b td, .HighContrast .DG1_odd_td_b {
	background-color: #EFEFEF;
	color: #909090
}
.HighContrast .Imamsite, .HighContrast .NewsSource {
	background-color: #363636
}
.DG1_odd_td_b_alt a:visited, .HighContrast .DG1_odd_td_b_alt a:link {
	color: #fff
}
.HighContrast .ms-rtestate-field {
	word-wrap: break-word;
	color: #6E6E6E
}
.HighContrast .ExternalClassBEDE6872042F40A687F5CBC8212F7EE0 span, .HighContrast .ExternalClassD397616103634FF8AE83DD40877A0F1F span, .HighContrast strong {
	color: #000
}
.HighContrast .Imamsite {
	height: 40px
}
.HighContrast .unitsAndBranchesTiles {
	background-color: #000
}
.HighContrast .unitsAndBranchesTiles:hover {
	background-color: #535353
}
.HighContrast .ServiceChecker span, .HighContrast .ServiceCheckerPDF {
	background-color: #000
}
.HighContrast .unselectedGoal {
	background: url(/_LAYOUTS/15/Imam/Images/unselectedTileBG.png) right center no-repeat #000
}
.HighContrast .unselectedGoal:hover {
	background: url(/_LAYOUTS/15/Imam/Images/unselectedTileBG.png) right center no-repeat #535353
}
.HighContrast .serviceTile {
	background-color: #000
}
.HighContrast .serviceTile:hover {
	background-color: #535353
}
.HighContrast .pageNumberActive {
	background: #000
}
.HighContrast .selectedOrderServices {
	background-color: #000
}
.HighContrast .OrderByName, .HighContrast .OrderByVisits {
	background-color: #535353
}
.HighContrast .eserviceUrlTitle, .HighContrast .serviceNumberIcon, .HighContrast .serviceViewsIcon {
	background-color: #363636
}
.HighContrast .bigblueTile, .HighContrast .zigzagTitleBG_1, .HighContrast .zigzagTitleBG_2, .HighContrast .zigzagTitleBG_3, .HighContrast .zigzagTitleBG_4, .HighContrast .zigzagTitleBG_5, .HighContrast .zigzagTitleBG_6, .HighContrast .zigzagTitleBG_9 {
	background: #000
}
.HighContrast .calendars-month td .calendars-today {
	background: #000
}
.HighContrast .bigblueTile:hover {
	background: #535353
}
.HighContrast .div_overview {
	background-color: #000
}
.HighContrast .div_ques {
	background: #989898
}
.HighContrast .div_overview:hover {
	background-color: #535353
}
.HighContrast .div_ques:hover {
	background: #535353
}
.HighContrast .hotkeys-shortcut:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/ShortcutIconHW.png);
	background-color: #535353;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	height: 33px;
	width: 29px
}
.HighContrast .HigContrastColors:active {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeHighContrastH.png)
}
.HigContrastColors:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeHighContrastW.png);
	background-color: #de841a
}
.HigContrastColors:active {
	background-image: url(/_LAYOUTS/15/Imam/Images/EyeHighContrastW.png);
	background-color: #de841a
}
.HighContrast .scrollTop {
	background-color: #000
}
.HighContrast .scrollTop:hover {
	background-color: #535353;
	border: 2px solid #000
}
.hotkeys-shortcut {
	font-size: 15px;
	background-color: #EDEDED;
	width: 30px;
	height: 35px;
	margin-top: 5px;
	background-image: url(/_LAYOUTS/15/Imam/Images/ShortcutIcon.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 4px 7px;
	cursor: pointer;
	float: left
}
.hotkeys-shortcut:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/ShortcutIconHW.png);
	background-color: #de841a;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	height: 33px;
	width: 29px
}
.hotkeys-shortcut a {
	display: block;
	width: 100%;
	height: 100%
}
.optionSpliter {
	width: 1px;
	height: 24px;
	background-color: #77787B;
	float: left;
	margin-top: 6px
}

@media screen and (max-width:1400px) {
.newFooter .footerCoulmn {
	margin: 0 2.4% !important
}
}
.ShareNewsBtn {
	width: 333px;
	margin-top: 7px;
	margin-bottom: -5px;
	display: block;
	float: right
}
.newsShareHead {
	float: left;
	background-image: url(/_LAYOUTS/15/Imam/Images/newssharehead.png);
	background-size: 20px;
	font-size: 0;
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat
}
.shareNewsEmailLink, .shareNewsFacebookLink, .shareNewsGoogleplusLink, .shareNewsTwitterLink {
	margin-left: 5px;
	font-size: 0 !important;
	display: block;
	width: 20px;
	height: 20px;
	float: right
}
.shareNewsFacebookLink {
	margin-right: 5px;
	background: url(/_LAYOUTS/15/imam/images/newsfacebook.png);
	background-size: 20px
}
.shareNewsTwitterLink {
	background: url(/_LAYOUTS/15/imam/images/newstwittericon.png);
	background-size: 20px
}
.shareNewsGoogleplusLink {
	background: url(/_LAYOUTS/15/imam/images/newsgoogleicon.png);
	background-size: 20px
}
.shareNewsEmailLink {
	background: url(/_LAYOUTS/15/imam/images/newsmailicon.png);
	background-size: 20px
}
.calendar-info, .info-display {
	background-color: #000;
	height: 100%;
	display: block
}
.news-div-sep {
	float: right;
	display: block;
	width: 100%;
	border: 1px dotted #f2f2f2;
	margin-top: 17px
}
.info-display {
	position: absolute;
	width: 100%
}
div#tabs-2 {
	position: relative
}

@media screen and (max-width:1050px) {
.info-display {
	width: 100%;
	left: 1px
}
.newFooter .footerCoulmn {
	margin: 0 !important
}
}
.dept-name-bg {
	color: #777;
	font-weight: 700
}
.tasks-list {
	display: block
}
.HighContrast .calendar-info {
	background-color: #848484
}
.calendar-info {
	position: absolute;
	width: 98%;
	top: 0;
	left: 7px;
	background-color: rgba(222,132,26,.87);
	overflow-y: auto;
	overflow-x: hidden
}
#newsSlides>div, .CertificatesIcons, .CertificatesInner, .FooterBottom, .newFooter, .newFooter .links ul, .ramadanKarem, .vtourHomePage {
	overflow: hidden
}
.overlay-date {
	height: 40px;
	margin: 10px;
	width: 88% !important;
	background-color: #000;
	right: 316px;
	padding: 10px;
	float: right
}
.overlay-day {
	border: 1px solid;
	width: 40px;
	display: block;
	text-align: center;
	font-size: 17px;
	color: #fff;
	line-height: 40px;
	margin-left: 10px;
	float: right
}
span.overlay-month {
	float: right;
	display: block;
	line-height: 41px;
	font-size: 15px;
	color: #FFF
}
span.overlay-year {
	float: right;
	display: block;
	font-size: 21px;
	margin-right: 8px;
	margin-top: 0;
	color: #FFF
}
.overlay-close {
	width: 50px;
	height: 100%;
	display: block;
	float: left;
	background-image: url(/_LAYOUTS/15/Imam/Images/Close.png) !important;
	background-repeat: no-repeat;
	background-size: 24px;
	margin-top: 8px
}
.tasks-list li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #000;
	float: right;
	background-color: #fff
}
.tasks-list li:hover {
	background-color: #ededed;
	transition: .7s
}
.tasks-list li {
	min-height: 20px;
	margin: 4px 10px;
	background-color: #fff;
	float: right;
	width: 88%
}
.HighContrast .tileTitle {
	color: #fff
}
.CertificatesIcons_slider.slick-initialized.slick-slider {
	margin-top: 15px
}
.mediaTiles .slick-list.draggable {
	width: 770px
}
.mediaTiles .slidesjs-pagination {
	margin: -8px 0 0 20px;
	float: left !important
}
.mediaTiles .slick-dots {
	position: static;
	float: right;
	width: auto !important
}
.mediaTiles .slick-dots li {
	width: 13px;
	height: 13px;
	margin: 0 1px;
	background-color: #a1a1a1 !important
}
.mediaTiles li.slick-active button {
	background-color: #de841a !important
}
.mediaTiles .slick-dots li button {
	width: 13px;
	height: 13px
}
.mediaTiles .slidesjs-pagination li {
	margin: 0 1px
}

@media screen and (max-width:1050px) {
.mediaTiles .slick-list.draggable {
	width: 100%
}
.mediaTiles .slidesjs-pagination {
	margin: 0 !important
}
.mediaTiles .slick-dots {
	position: static;
	width: 72px;
	float: right;
	margin-left: 0
}
}
.ms-clear {
	clear: both
}
.newFooter {
	background: url(/_LAYOUTS/15/Imam/Images/1.png) center top repeat-x #949494;
	margin-top: 35px;
	padding-top: 23px
}
.FooterBottom {
	margin-top: 30px;
	background-color: #d2d2d2
}
.newFooter .footerCoulmn {
	width: 20%;
	margin: 0 2.5%;
	min-width: 262px
}
.newFooter .footerColumnTitel, .newFooter .links {
	width: auto
}
.HelpPortal, .KnowlegePortal, .imamjornal, .vertualtour {
	padding-top: 0;
	height: 81px;
	background-color: #fff;
	width: 126px;
	text-align: center;
	line-height: 40px !important;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: center 37px;
	color: #949494;
	font-family: Droid Arabic Kufi;
	margin-top: 10px
}
.SiteWidthInner {
	margin: 0 -2.5%
}
.KnowlegePortal {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/knowledgefooter.png) !important
}
.KnowlegePortal:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/Cknowledgefooter.png) !important
}
.HelpPortal {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/useportalfooter.png) !important
}
.HelpPortal:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/Cuseportalfooter.png) !important
}
.imamjornal {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/imamjurnalfooter.png) !important
}
.imamjornal:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/Cimamjurnalfooter.png) !important
}
.vertualtour {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/virtualtourfooter.png) !important
}
.vertualtour:hover {
	background-image: url(/_LAYOUTS/15/Imam/Images/footerblocks/Cvirtualtourfooter.png) !important
}
.vtourHomePageText {
	display: block;
	background-color: #626262;
	padding: 5px 14px;
	text-align: center;
	font-size: 14px;
	color: #FFF
}
.footerQMarkbg {
	margin-top: 25px !important
}
.FooterBottom p {
	margin: 11px 0;
	font-size: 11px;
	color: #949494;
	line-height: normal !important
}
.FooterBottom a, .newFooter .footerLinks {
	font-size: 11px;
	color: #464646;
	font-family: tahoma
}
.newFooter .links ul li div {
	padding-bottom: 9px
}
.newFooter .search {
	width: auto;
	position: relative;
	margin-top: 14px;
	margin-bottom: 11px
}
.newFooter .footerLinks, .newFooter .w3cValidationIcons {
	margin-top: 0
}
.vtourHomePage {
	clear: both;
	height: 81px;
	background-color: #fff;
	margin-top: 10px
}
.newFooter .footerColumnMargin {
	margin: 21px 0 12px
}
.newFooter .followUsIcon {
	width: auto;
	margin-top: 13px
}
.linksmore {
	height: 36px;
	background-image: url(/_layouts/15/Imam/images/footerLinksmore.png);
	background-repeat: no-repeat;
	cursor: pointer;
	background-position: center right
}
.newFooter .search input {
	padding: 6px 10px !important;
	width: 80%
}
.newFooter .SearchIcon {
	width: 32px;
	height: 32px;
	background-color: #626262;
	display: block;
	top: 0;
	position: absolute;
	cursor: pointer;
	background-image: url(/_layouts/15/Imam/images/footerSearchIcon1.png);
	left: 0
}
.CertNext, .CertPrev {
	width: 15px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer
}
.CertPrev {
	height: 31px;
	left: 0;
	background-image: url(/_layouts/15/Imam/images/CertPre.png)
}
.CertNext {
	height: 31px;
	right: 0;
	background-image: url(/_layouts/15/Imam/images/CertNext.png)
}
.CertificatesContainer {
	overflow: hidden;
	width: 220px;
	float: right;
	position: relative;
	height: 31px;
	margin-right: 7px
}
.CertificatesInner {
	position: absolute;
	height: 31px;
	width: 600px
}
.newFooter .SearchIcon:hover {
	background-color: #363636
}
.w3cValidationIcons a {
	padding-left: 0
}
.LinksGroupHeader {
	background-image: url(/_LAYOUTS/15/Imam/Images/LinksGroupHeaderIcon.png);
	background-position: center right
}
.footerQMarkbg {
	margin-left: 0 !important;
	margin-right: 10px !important
}
.ramadanKarem {
	margin-bottom: 30px
}
.homePageAlertsIcon {
	background-image: url(/_LAYOUTS/15/imam/Images/userAlertsIcon.png)
}
.alertsLink {
	float: none !important;
	clear: both !important
}
.alertNotification {
	padding-right: 6px
}
.south {
	background-color: #858585 !important
}
.HighContrast .south {
	background-color: #000
}
.HighContrast .calendars-rtl {
	background: url(/_LAYOUTS/15/Imam/Images/calender-B.png) #333 !important
}
.calendars-rtl {
	background: url(/_LAYOUTS/15/Imam/Images/calender1.png) #333
}
.calendars-month td .calendars-today {
	background-color: #DE841A !important;
	color: #fff !important
}

@media screen and (max-width:1255px) {
.NewAnnounce {
	height: auto !important
}
.FooterBottom * {
	clear: both;
	float: none !important;
	text-align: center !important
}
.newFooter .footerLinks {
	margin-bottom: 20px !important
}
}

@media screen and (max-width:1158px) {
.w3cValidationIcons {
	float: right !important;
	margin: 0 0 0 10px;
	text-align: start
}
.HelpPortal, .KnowlegePortal {
	width: 48%
}
.footerQMarkbg {
	margin: 20px 10px 0 0
}
.SiteWidthInner {
	margin: 0
}
.newFooter .footerCoulmn {
	width: 20%;
	margin: 0;
	min-width: 290px
}
}

@media screen and (max-width:1050px) {

.footerbox {
	    width: 100% !important;
}

.footerbox.bhelpportal{
	margin-top: 10px;
}


.firstRow {
    min-height: inherit;
}

.inactiveTab {
	display: block !important
}
.staffjoblink img {
	width: 100%
}
.secoundRow.secoundRowGrayTilesWidth {
	height: auto
}
}

@media screen and (max-width:550px) {
.SiteWidthInner, .footerCoulmn {
	margin: 0 !important
}
.newFooter .footerLinks a {
	display: block;
	line-height: 25px
}
.HelpPortal, .KnowlegePortal {
	float: none !important;
	clear: both !important;
	width: 100% !important
}
.footerCoulmn {
	width: 100% !important;
	min-width: 100%
}
.CertNext {
	float: right;
	margin-right: 10px
}
}

@media screen and (max-width:380px) {
.HomePageUserLinks ul li, .inactiveTab {
	background-color: #858585
}
.newFooter .footerColumnTitel {
	width: 100%
}
.calendars-rtl, .tab {
	width: 100% !important
}
.newArchLink {
	margin: 6px 0 0
}
.tab {
	display: block;
	margin: 0 0 3px !important;
	padding: 0 !important
}
.secoundRowGrayTilesWidth .grayTile {
	height: auto !important;
	padding: 10px 0 !important
}
.eventsTitle, .newsTitle {
	font-size: 14px;
	font-weight: 400
}
.towLineTile {
	padding: 0 !important;
	margin: 0 !important
}
.tabs {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden
}
.eventTiles, .eventsTitle, .newsTile, .newsTile:hover, .newsTitle {
	overflow: hidden !important;
	float: none !important
}
.grayTile, .grayTile:hover {
	margin: 0 0 5px
}
.SystemsContainter .blueTile, .SystemsContainter .blueTile:hover {
	height: auto;
	padding: 10px 0
}
.moreSystemsTile, .moreSystemsTile:hover {
	height: 25px !important
}
.SystemsContainter .tileTitle {
	padding: 0 !important;
	margin: 0 !important
}
.eventTiles, .newsTile, .newsTile:hover {
	clear: both !important;
	margin-bottom: 5px
}
.eventsDescription {
	display: none !important
}
.eventTiles {
	width: 100% !important;
	height: auto !important;
	padding: 0 !important
}
.eventsTitle {
	width: auto !important;
	padding: 17px !important;
	height: 32px !important
}
.newsTile, .newsTile:hover {
	width: 100% !important;
	height: auto !important;
	padding: 0 !important
}
.newsTitle {
	width: auto !important;
	padding: 17px !important;
	height: 32px !important
}
.selectLanguage {
	width: auto !important;
	float: left !important
}
#newsSlides ul.slidesjs-pagination {
	margin: 1px 0 0
}
#discussionSlides .slidesjs-container, #discussionSlides .slidesjs-control, .secoundRowWidth .slidesjs-container {
	min-height: 0 !important;
	height: 285px !important
}
#activitiesSlides ul.slidesjs-pagination, #recentSlides ul.slidesjs-pagination {
	margin: 0
}
#discussionSlides ul.slidesjs-pagination {
	margin: 0 !important
}
}
.slick-list, .slick-slider, .slick-track {
	position: relative;
	display: block
}
.newSiteMenu {
	background-color: transparent;
	margin: 9px 0px 0px 4.9px
}
.portalHelp, .portalKnowlege {
	font-size: 18px !important
}
.welcomeUserName {
	color: #949494
}
.followUsIcon, .followUsIcon>a {
	outline: dotted 0 !important
}
.NewUserName a, .footerLinks a, .ms-signInLink, .slick-list:focus {
	outline: 0
}
.newSiteMenu:hover {
	background-color: #fff
}
.loaderImage {
	height: 11px;
	margin: auto;
	padding-top: 130px;
	width: 43px
}
.secoundRow {
	height: 370px
}
.employeeTileIcon {
	background-position: -185px -50px !important
}

@media screen and (max-width:380px) {
.footerQMarkbg {
	margin: 20px 69px 0 0 !important
}
}
.slick-slider {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list.dragging {
	cursor: pointer
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	top: 0;
	left: 0
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	min-height: 1px
}
.raqami img, [dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-loading .slick-list {
	background: url(ajax-loader.gif) center center no-repeat #fff
}
.slick-next, .slick-prev, [dir=rtl] .slick-next, [dir=rtl] .slick-prev {
	background-repeat: no-repeat;
	background-position: center
}
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
	color: transparent;
	background-color: transparent;
	outline: 0
}
@font-face {
	font-family: slick;
	font-weight: 400;
	font-style: normal;
	src: url(fonts/slick.eot);
	src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url(fonts/slick.svg#slick) format('svg')
}
.slick-next, .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 25px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	border: none
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: .25
}
.slick-next:before, .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-prev {
	left: -40px;
	background-image: url(/_layouts/15/Imam/images/CertNext.png)
}
.slick-next, [dir=rtl] .slick-prev {
	left: auto;
	background-image: url(/_layouts/15/Imam/images/CertPre.png)
}
[dir=rtl] .slick-prev {
	right: -33px
}
.slick-next {
	right: -18px
}
[dir=rtl] .slick-next {
	right: auto;
	left: -18px;
	background-image: url(/_layouts/15/Imam/images/CertNext.png)
}
.slick-next.slick-disabled, .slick-prev.slick-disabled {
	opacity: .5;
	cursor: default
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center
}
.archive-link, .rss-link, .slick-dots li {
	position: relative
}
.slick-dots li, .slick-dots li button {
	width: 20px;
	height: 20px;
	cursor: pointer
}
.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	padding: 0
}
.slick-dots li button {
	background-color: #a1a1a1;
	display: block;
	padding: 5px;
	color: transparent;
	border: 0;
	outline: 0;
	min-width: 0em;
	margin-right: 0px
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline: 0
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity: 1
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}
.bubbletip {
	direction: ltr;
	position: absolute;
	z-index: 50;
	border-collapse: collapse
}
.bubbletip td.bt-topleft {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) no-repeat;
	height: 33px;
	width: 33px
}
.bubbletip td.bt-top {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip-T-B.png) repeat-x;
	height: 33px
}
.bubbletip td.bt-topright {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) -73px 0 no-repeat;
	height: 33px;
	width: 33px
}
.bubbletip td.bt-left, .bubbletip td.bt-left-tail div.bt-left {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip-L-R.png) repeat-y;
	width: 33px
}
.bubbletip td.bt-left-tail div.bt-left-tail {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) 0 -33px no-repeat;
	width: 33px;
	height: 40px
}
.bubbletip td.bt-right, .bubbletip td.bt-right-tail div.bt-right {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip-L-R.png) -33px 0 repeat-y;
	width: 33px
}
.bubbletip td.bt-right-tail div.bt-right-tail {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) -73px -33px no-repeat;
	width: 33px;
	height: 40px
}
.bubbletip td.bt-bottomleft {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) 0 -73px no-repeat;
	height: 33px;
	width: 33px
}
.bubbletip td.bt-bottom {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip-T-B.png) 0 -33px repeat-x;
	height: 33px
}
.bubbletip td.bt-bottomright {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) -73px -73px no-repeat;
	height: 33px;
	width: 33px
}
.bubbletip table.bt-bottom, .bubbletip table.bt-top {
	width: 100%
}
.bubbletip table.bt-top th {
	width: 50%;
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip-T-B.png) repeat-x
}
.bubbletip table.bt-bottom th {
	width: 50%;
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip-T-B.png) 0 -33px repeat-x
}
.bubbletip table.bt-top td div {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) -33px 0 no-repeat;
	width: 40px;
	height: 33px
}
.bubbletip table.bt-bottom td div {
	background: url(/_LAYOUTS/15/bubbletip/js/bubbletip/bubbletip.png) -33px -73px no-repeat;
	width: 40px;
	height: 33px
}
.raqami img, .webenchmark img {
	width: 50px;
	height: 50px
}
.bubbletip td.bt-content {
	background: url(/_LAYOUTS/15/Imam/Images/grayBG.png) rgba(0,0,0,0);
	vertical-align: middle
}
.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(1)
}
.grayscale-fade.grayscale {
	transition: filter .5s
}

@media not all {
.grayscale-fade.grayscale {
	transition: -webkit-filter .5s;
	-webkit-transition: -webkit-filter .5s
}
}
.grayscale-fade.grayscale:hover, .grayscale-off.grayscale {
	-webkit-filter: grayscale(0)
}
.grayscale-replaced.grayscale {
	-webkit-filter: none
}
.grayscale-replaced.grayscale>svg {
	transition: opacity .5s;
	opacity: 1;
	-webkit-transition: opacity .5s ease
}
.grayscale-fade.grayscale-replaced.grayscale:hover>svg, .grayscale-off.grayscale-replaced.grayscale>svg {
	opacity: 0
}
.NewUserName a {
	color: #0e73ab
}
#welcomeMenuBox a {
	color: #0e73ab !important
}
.HighContrast #welcomeMenuBox a {
	color: #000 !important
}
#welcomeMenuBox a:hover {
	color: #000 !important
}
.webenchmark img {
	float: right;
	margin-right: 10px
}
.CertificatesIcons_slider {
	display: none
}

@media screen and (max-width:800px) {
.moreSystemsTile, .moreSystemsTile:hover {
	font-size: 0 !important;
	background-position: center !important
}
}

/*Start Live Broadcast - anas */
.Live-broadcast {
    margin-top: 10px;
    background: #fff url(/_LAYOUTS/15/Imam/Images/footerblocks/Youtubefooter.png) no-repeat 55px 4px;
}
.Live-broadcast a {
    font-family: 'Droid Arabic Kufi';
    font-size: 15px;
    color: #949494;
    display: block;
    padding: 10px 60px 10px;
}
.Live {
    color: #d20606 !important;
    background: #fff url(/_LAYOUTS/15/Imam/Images/footerblocks/YoutubeLivefooter.png) no-repeat 55px 4px !important;
}
/*end Live Broadcast - anas */

/*Start footerbox - anas*/
.footerCoulmn{
    width: 300px;
}
.footerbox {
    background-color: #f9f9f9;
    width: 79px;
    height: 70px;
    display: inline-block;
    border: 2px solid #949494;
}
.footerbox {
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s ease;
    overflow: hidden;
}
.footerbox span {
    text-align: center;
    font-size: 15px;
    padding-top: 7px;
    font-family: Droid Arabic Kufi;
    opacity: 0;
}
.footerbox:hover {
    text-align:center;
    background-image: none !important;
    transition: all .5s ease;
    color: #FFF;
    text-decoration:none;
}
.footerbox:hover span {
    opacity: 1.0;
}
.bknowlegeportal:hover{
    background-color: #de841a;
 }
.bknowlegeportal {
      background-image: url('/_LAYOUTS/15/Imam/Images/footerblocks/knowledgefooter.png');
}
.bimamjornal:hover {
    background-color: #2e62b9;
}
.bimamjornal {
      background-image: url('/_LAYOUTS/15/Imam/Images/footerblocks/imamjurnalfooter.png');
}
.bhelpportal:hover {
    background-color: #4a0c6e;
}
.bhelpportal {
          background-image: url('/_LAYOUTS/15/Imam/Images/footerblocks/useportalfooter.png');
}
.bvertualtour:hover {
    background-color: #229535;
}
.bvertualtour {
          background-image: url('/_LAYOUTS/15/Imam/Images/footerblocks/virtualtourfooter.png');
}
.blivebroadcast:hover {
    background-color: #d20606;
}
.blivebroadcast{
          background-image: url('/_LAYOUTS/15/Imam/Images/footerblocks/Youtubefooter.png');
}
.bimamsocial:hover {
    background-color: #1eb3f3;
}
.bimamsocial{
          background-image: url('/_LAYOUTS/15/Imam/Images/footerblocks/sharebfooter.png');
}
.bknowlegeportal:hover span , .bimamjornal:hover span , .bhelpportal:hover span , .bvertualtour:hover span , .blivebroadcast:hover span , .bimamsocial:hover span{
    text-decoration: none;
    text-decoration-color: #fff !important;
}
.blivebroadcast span, .bknowlegeportal span , .bimamjornal span , .bhelpportal span , .bvertualtour span, .bimamsocial span {
    padding-top: 3px !important;
    display: block;
}
.blivebroadcast span {
	font-size: 16px;
}
/*end footerbox - anas*/

/* poll by Tareq */

.poll-block h2 {
    text-align: right !important;
}
.poll-block ul li label {
    text-align: right !important;
    margin-right: 10px;
}
.poll-block ul li input, .poll-block ul li label {
    float: right !important;
}
.btn-custom {
    float: right !important;
}

.inner-bar, .voted {
    background: #2697d3;
    height: 10px;
    position: relative !important;
    top: 0;
    left: 0;
    float: right !important;
}

.poll-results-list {
    text-align: right;
}

.percentage {
    position: inherit;
    text-align: left !important;
    float: left !important;
}