@font-face{font-family:DroidArabicKufi;font-style:normal;font-weight:400;src:url(/_layouts/15/MOEResp/ar-SA/fonts/DroidKufiRegular.eot);src:url(/_layouts/15/MOEResp/ar-SA/fonts/DroidKufiRegular.eot?#iefix) format('embedded-opentype'),url(/_layouts/15/MOEResp/ar-SA/fonts/DroidKufiRegular.woff2) format('x-woff2'),url(/_layouts/15/MOEResp/ar-SA/fonts/DroidKufiRegular.woff) format('woff'),url(/_layouts/15/MOEResp/ar-SA/fonts/DroidKufiRegular.ttf) format('truetype')}
.MainMapBoxDDL {
				width: 100%;
				margin: auto;
				position: relative;
}
.MainMapBox {
				width: 435px;
				height: 250px;
				position: relative;
				overflow: hidden;
				padding: 10px;
}
.MainMap {
				width: 304px;
				height: 250px;
				margin: auto;
				position: relative;
}
.Map {
				width: 304px;
				height: 250px;
}
.Map1_2 {
				width: 161px;
				height: 122px;
				position: absolute;
				left: 2px;
				top: 0;
}
.Map2_2 {
				width: 155px;
				height: 183px;
				position: absolute;
				left: 149px;
				top: 50px;
}
.Map3_2 {
				width: 91px;
				height: 128px;
				position: absolute;
				left: 107px;
				top: 76px;
}
.Map4_2 {
				width: 97px;
				height: 121px;
				position: absolute;
				left: 34px;
				top: 78px;
}
.Map5_2 {
				width: 99px;
				height: 68px;
				position: absolute;
				left: 91px;
				top: 179px;
}
.Map1_2, .Map2_2, .Map3_2, .Map4_2, .Map5_2 {
				display: none;
				cursor:pointer;
}
area {
				outline: 0;
				cursor: pointer;
}
.DetailsPanel {
				width: 100%;
				background: url(/_layouts/15/MOEResp/ar-SA/Images/TransNews.png);
				position: absolute;
				top: 1px;
				right: 0;
				padding: 0 10px 3px;
				color: #fff;
				z-index: 2;
				display: none;;
}
.DetailsPanelBody {
				width: 100%;
				height: 226px;
				background: url(/_layouts/15/MOEResp/ar-SA/Images/TransNews.png);
				position: absolute;
				top: 34px;
				right: 0;
				padding: 5px 10px 10px;
				color: #fff;
				z-index: 1;
				display: none;
}
.DetailsPanel ul {
				margin: 0;
				padding: 0;
				list-style: none;
}
.DetailsPanel ul li {
				border-bottom: 1px #A3A3A3 solid;
				line-height: 30px;
}
.DetailsPanelClose {
				width: 16px;
				float: left;
				cursor: pointer;
				margin-top: 0px;
				height: 16px;
				font-size: 15pt;

}
.DetailsPanelToolbar {
				padding-bottom: 6px;
				height: 20px;
				margin-bottom: 2px;
				padding-top: 3px;
}
.DetailsPanelTitle {
				width: 308px;
				float: right;
				line-height: 26px;
}
.DetailsPanelBodyBox {
				margin-top: 10px;
}
.DDLMenu {
				position: absolute;
				direction:rtl;
				top: 0;
				border: 1px solid #565656;
				width: 300px;
				display: none;
				color: #666;
				background-color: #fff;
				border-color: #ccc;
				z-index: 1000000000000000000;
}
.DDLMenu ul {
				margin: 0;
				padding: 0;
				list-style: none;
}
.DDLMenu ul li {
				border-top: 1px #CCC dotted;
				line-height: 25px;
				color: #666;
				display: none;
				cursor: pointer;
				padding-right: 10px;
				padding-left: 10px;
				position: relative;
}
.DDLMenu ul li:hover {
				background: #F9F4D9;
}
.DDLMenu ul li:first-child {
				border-top: 0;
}
.DetailsPanelCategories {
				width: 490px;
				float: right;
				position: absolute;
				top: 30px;
				z-index: 2;
}
.DDLClear {
				height: 1px;
				clear: both;
}
.DDLDisabled {
				background: #4799AD;
				margin-top: 1px;
				height: 23px;
				color: #B1CDE2;
				cursor: not-allowed!important;
				border: 1px solid #858C94;
}
.DetailsPanelHospital, .DetailsPanelSectore {
				width: 242px;
				float: right;
				z-index: 1;
}
.DetailsPanelHospital .select-value, .DetailsPanelSectore .select-value {
				width: 211px;
}
.DetailsPanelSectore {
				position: absolute;
				top: 58px;
				right: 10px;
}
.DetailsPanelHospital {
				position: absolute;
				top: 58px;
				left: 10px;
}
.Clear1px {
				clear: both;
				height: 1px;
}
.ViewDetailsBox {
				text-align: center;
				padding-top: 100px;
				color: #fff;
}
.RequierdTextRed {
				color: #FF8484;
}
.RequierdTextGreen {
				color: #4799AD;
}
.DetailsPanelBodyTable table {
				width: 90%;
				margin: 10px auto auto;
}
.DetailsPanelBodyTable th {
				font-size: 8pt;
				background: #7FBCCB;
				font-weight: 400;
				color: #fff;
}
.DetailsPanelBodyTable td {
				text-align: center;
				color: #000;
				font-size: 8pt;
}
.TR1 td {
				background: #FAFAFA;
}
.TR0 td {
				background: #fff;
}
.DetailsPanelBodyBoxSummery {
				width: 349px;
				text-align: justify;
				float: right;
}
.DetailsPanelBodyBoxLogo {
				background: #E9E9E9;
				width: 58px;
				text-align: center;
				margin-right: 13px;
				float: left;
				padding: 2px;
}
.DetailsPanelBodyBoxLogo img {
    width: 53px;
}
.DetailsPanelBodyBoxURL {
				clear: both;
				position: absolute;
				bottom: 13px;
				left: 10px;
				width: 100px;
				background-image: url(/_layouts/15/MOEResp/ar-SA/Images/transparent.png);
				background-position: center bottom;
				background-repeat: repeat-x;
				text-align: center;
				border-width: 1px;
				border-style: solid;
}
.DetailsPanelBodyBoxURL a {
				text-decoration: none;
				color: #fff;
}
.IsUniversity {
				background-color: #6E6E6E;
				background-image: url(/_layouts/15/MOEResp/ar-SA/Images/transparent.png);
				background-position: center bottom;
				background-repeat: repeat-x;
				width: 6px;
				float: right;
				height: 100%;
				position: absolute;
				right: 0;
}
.IsCollege {
				background-color: #AD9D74;
				background-image: url(/_layouts/15/MOEResp/ar-SA/Images/transparent.png);
				background-repeat: repeat-x;
				background-position: center bottom;
				width: 6px;
				float: right;
				height: 100%;
				position: absolute;
				right: 0;
}
.MapDetails {
				position: absolute;
				top: 10px;
				right: 10px;
}
.ColoredUni {
				float: right;
				width: 10px;
				height: 10px;
				background-color: #6E6E6E;
				background-image: url(/_layouts/15/MOEResp/ar-SA/Images/transparent.png);
				background-position: center bottom;
				background-repeat: repeat-x;
}
.ColoredCollege {
				float: right;
				width: 10px;
				height: 10px;
				background-color: #AD9D74;
				background-image: url(/_layouts/15/MOEResp/ar-SA/Images/transparent.png);
				background-repeat: repeat-x;
				background-position: center bottom;
}
.ColoredCollegeTitle, .ColoredUniTitle {
				width: 40px;
				float: right;
				height: 10px;
				line-height: 11px;
				padding-right: 4px;
}
.AArea {
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -1207px -448px;
				position: absolute;
				width: 147px;
				height: 148px;
				top: 0;
				left: 10px;
}
.BArea {
				position: absolute;
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -1091px -448px;
				width: 87px;
				height: 61px;
				top: 55px;
				left: 151px;
}
.CArea {
				position: absolute;
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -1377px -457px;
				width: 148px;
				height: 128px;
				top: 30px;
				left: 204px;
}
.DArea {
				position: absolute;
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -1034px -452px;
				width: 45px;
				height: 70px;
				top: 138px;
				left: 96px;
}
.EArea {
				position: absolute;
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -1025px -537px;
				width: 64px;
				height: 49px;
				top: 151px;
				left: 278px;
}
.FArea {
				position: absolute;
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -1108px -517px;
				width: 68px;
				height: 77px;
				top: 110px;
				left: 155px;
}
.MapMain {
				position: relative;
				background: transparent url(/_layouts/15/MOEResp/ar-SA/Images/MoheIcons.png) no-repeat -628px -506px;
				width: 346px;
				height: 207px;
				direction: ltr;
				margin: auto;
				margin-top: 20px!important;
				margin-bottom: 15px!important;
				    z-index: 1;
}
.Spacer img {
				width: 346px;
				height: 207px;
				z-index: 999;
				position: relative;
}


.DetailsPanelBodyBox ul {
    padding: 0;
    list-style: none;
}
.DetailsPanelBodyBox ul li {
    width: 45%;
    margin: -1px 4px 2px;
    border-bottom: 1px #494949 solid;
    padding-bottom: 2px;
    float: right;
	    white-space: nowrap;
}
.DetailsPanelBodyBoxFlag {
    width: 33px;
    height: 22px;
    float: right;
}
.DetailsPanelBodyBox ul li img {
    width: 33px;
    height: 22px;
    border: 1px solid #313131;
}
.DetailsPanelBodyBoxFlagTitle {
    width: 95px;
    float: right;
    padding-right: 5px;
}
.DetailsPanelBodyBoxFlagTitle a {
    color: #fff;
    text-decoration: none;
}
.TabsDetailsPanel {
    display: none;
	
	
	
	
	    width: 100%;
    z-index: 2;
    position: absolute;
   
    top: 0;
    right: 0;
	
	
	
}