﻿/*------------------------------------------*/
/*	  General & Basic Styles
/*------------------------------------------*/

body {
				margin:0 auto;
				background-color:white;
				background-image: url('~/Content/Images/bg.jpg');
			
}

#container {
				margin:0 auto;
				width:1000px;
				position:relative;
				text-align:right;
				direction: rtl;

}

#header-img {
				margin: 0 auto;
				text-align:center;
				margin-bottom:0;
				width: 1000px;
				height:auto;
}

.nav {
				
				margin:auto;
				width: 1034px;
				height: 41px;
				top:0;
				position:relative;
				background-color: #d5d7d8;
				direction:ltr;
				text-align: center;
}
}


.main-table {
				width: 94%;
				position: relative;
				padding:auto;
				vertical-align: top;
				padding: 7px 7px 7px 7x;
}

.warning {
				position: relative;
				z-index: 100;
				padding-top: 10px;
				direction: rtl;
				width: 925px;
				background-color:#000080;
				padding: 4px auto;

}

.f_title {
				font-family:'AmiriWeb';
				font-size:22px;	
				font-style:normal;
				color:white;
				
}



.f_warning {
				font-family:'AmiriWeb';
				font-size:17px;
				font-style:normal;
				color: white;
				text-align:center;
				text-decoration:none;
								
}


.f_warning a:hover {
				font-family:'AmiriWeb';
				font-size:17px;
				font-style:normal;
				color: red;
				text-align:center;
				text-decoration:none;
								
}

.f_warning a:visited {
				font-family:'AmiriWeb';
				font-size:17px;
				font-style:normal;
				color: white;
				text-align:center;
				text-decoration:none;
								
}


.f_title1 a:hover {
				font-family:'AmiriWeb';
				font-size:17px;
				font-style:normal;
				text-align: right;
				color: red;
				text-decoration:none;
								
}



.f_maintext {
				font-family:'AmiriWeb';
				font-size:14px;
				font-style:normal;
				text-align:justify;
				color: #4B4B4D
				
}

.f_maintext1 {
				font-family:'AmiriWeb';
				font-size:14px;
				font-style:normal;
				text-align:center;
				color: #4B4B4D
				
}


.f_maintextw {
				font-family:'AmiriWeb';
				font-size:14px;
				text-align:right;
				font-style:normal;
				color: white
				
}



.f_maintextw .SkinObject {
				font-family:'AmiriWeb';
				font-size:14px;
				text-align:right;
				font-style:normal;
				color: white;
				text-decoration:none
				
}


.f_cities {
				background-color: #f19400;
				text-decoration:none;
				border: 0px;
				font-family:'AmiriWeb';
				font-size:17px;
				text-align:right;
				font-style:normal;
				color: white
				
}


.f_maintextw1 {
				font-family:'AmiriWeb';
				font-size:17px;
				text-align:right;
				font-style:normal;
				color: white
				
}


.f_maintextG {
				font-family: 'AmiriWeb';
				font-size: 14px;
				font-style: strong;
				text-align:right;
				color: #9c9e9f;
				text-decoration:none;
}

.f_maintextG a:hover {
				font-family: 'AmiriWeb';
				font-size: 14px;
				font-style: strong;
				text-align:right;
				color: red;
				text-decoration:none;
}




.f_title1 {
				font-family:'AmiriWeb';
				font-size:17px;
				font-style:normal;
				text-align: right;
				color: #9C9E9F;
				text-decoration:none;
				
}



.f_readmore {
				font-family:'AmiriWeb';
				font-size:12px;
				font-style:normal;
				color: #646567;
				text-align:left;
				text-decoration:none;
				
}


.f_readmore a:hover {
				font-family:'AmiriWeb';
				font-size:12px;
				font-style:normal;
				color: red;
				text-align:left;
				text-decoration:none;
				
}


.f_weatherW {
				font-family:'AmiriWeb';
				text-align:right;
				font-size:13px;
				font-style:normal;
				color: white
				
				
}

.f_weatherDW {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:right;
				font-style:normal;
				color: white;
				background-color: #f29400;
				text-decoration:none;
				
}

.f_weatherDW a:hover {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:right;
				font-style:normal;
				color: red;
				background-color: #f29400;
				text-decoration:none;
				
}

.f_weatherDW1 {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:left;
				font-style:normal;
				color: white;
				background-color: #f29400;
				text-decoration:none;
				
}

.f_weatherDW1 a:hover {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:left;
				font-style:normal;
				color: red;
				background-color: #f29400;
				text-decoration:none;
				
}





.f_weatherDO {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:right;
				font-style:normal;
				color: white;
				background-color: #4badcd;
				text-decoration:none;
				
}


.f_weatherDO a:hover {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:right;
				font-style:normal;
				color: red;
				background-color: #4badcd;
				text-decoration:none;
				
}



.f_weatherG {
				font-family:'AmiriWeb';
				font-size:13px;
				text-align:right;
				font-style:normal;
				color: #4B4B4D
				
}




.f_readmoreO {
				font-family:'AmiriWeb';
				font-size:12px;
				font-style:normal;
				color: #F29800
				
}

.f_arial1 {
				font-family:Arial;
				direction:ltr;
				font-size:11px;
				font-style:normal;
				color: #4B4B4D
				
}

.f_arial2 {
				font-family:Arial;
				font-size:18px;
				font-style:normal;
				color: #9C9E9F
				
}

.f_arial3 {
				font-family:Arial;
				font-size:11px;
				font-style:normal;
				text-align:left;
				color: #9C9E9F
				
}

.f_arial-red {
				font-family:Arial;
				font-size:12px;
				font-style:normal;
				text-align:right;
				color: red;				
}


.b_warning {
				background-color:#ED7C61;
				width: 925px;
				height: 40px

				
}



.weather-now {

				width: 282px;
				height: 280px;
				vertical-align:top;
				
}

.table-inside {
				width: 100%;
				height: 100%;
				
}

.daily-forcast-table {
				
				width: 90%;
				height: 100px;
				direction:rtl;
				
}


.block {
background-color: green;
border-radius: 25px 0 25px 0;
-webkit-border-radius: 25px 0 25px 0;
-moz-border-radius: 25px 0 25px 0;
-o-border-radius: 25px 0 25px 0;
box-shadow: 5px 5px 8px #AAADAD;
border:thin;
border-color: #9C9E9F;
padding: 20px;
width: 300px;
height: 350px;
vertical-align:top				
}


.f_weatherDW2 {
				font-family:'AmiriWeb';
				font-size:11px;
				text-align:left;
				font-style:normal;
				color: white;
				background-color: #f29400;
				border-radius: 0px 0 25px 0;
				-webkit-border-radius: 0px 0 25px 0;
				-moz-border-radius: 0px 0 25px 0;
				-o-border-radius: 0px 0 25px 0;

				
}




td1 {
color:white;
background-color: green;
padding: 20px;
width: 100%;
height: 100%;
vertical-align:top				
}

.popup
{
   position:absolute; left:0; top:0; width:132;
   border-style:solid;
   border-width:4;
   border-color:blue;
   background-color:yellow;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:2;
   visibility:hidden;

				
}

.image {
				
				background-image: url('/Portals/_default/Skins/JMD011115/images/weather_bg.jpg');
				width: 280px;
				height: 270px;
				background-color: #6ecee3;
				padding: 0;
				direction:rtl;
				border-radius: 25px 0 25px 25px 25px;
				-webkit-border-radius: 25px 0 25px 0;
				-moz-border-radius: 25px 0 25px 0;
				-o-border-radius: 25px 0 25px 0;
				box-shadow: 2px 2px 5px #344569

				
				
}

.title_blue {
				background-color: #00afd5;
				border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-moz-border-radius: 0px 0px 5px 5px;
				-o-border-radius: 0px 0px 5px 5px;
				box-shadow: 1px 1px 1px #008faf;
				height: 50px;
				font-family:'AmiriWeb';
				font-size:20px;
				text-align:center;
				font-style:normal;
				color: white
				
}

.title_orange {
				background-color: #f19400;
				border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-moz-border-radius: 0px 0px 5px 5px;
				-o-border-radius: 0px 0px 5px 5px;
				box-shadow: 1px 1px #b9730a;
				height: 50px;
				font-family:'AmiriWeb';
				font-size:20px;
				text-align:center;
				font-style:normal;
				color: white
				
}

.title_DarkBlue {
				background-color: #3c66aa;
				border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-moz-border-radius: 0px 0px 5px 5px;
				-o-border-radius: 0px 0px 5px 5px;
				box-shadow: 1px 1px #2d4e86;
				height: 50px;
				font-family:'AmiriWeb';
				font-size:20px;
				text-align:center;
				font-style:normal;
				color: white
				
}




.td_day {
				color: white;
				background-color: #a7dae8;
				font-family:'AmiriWeb';
				font-size:14px;
				text-align:center;
				font-style:normal;
				color: white

				
}

.center {       

				text-align:center
}

.right {       

				text-align:right
}

.middle {
	vertical-align: middle
}

.td-nav {
				margin: auto;
				width: 1000px;
				background-color: #d9d9db;
				
}

.designed {
				font-family: Arial;
				font-size: 11px;
				font-style: normal;
				color: #9C9E9F;
				text-align: left;
				direction: ltr;
				text-decoration:none;

}

.designed a:hover {
				font-family: Arial;
				font-size: 11px;
				font-style: normal;
				color: red;
				text-align: left;
				direction: ltr;
				text-decoration:none;
}


.address {
				font-family: 'AmiriWeb';
				font-size: 14px;
				font-style: normal;
				color: white;
				text-align: center
}

.footer_img {
				background-image:url(/Portals/_default/Skins/JMD011115/images/footerBg.jpg)
}


.footer_img_inside {
				background-image:url(/Portals/_default/Skins/JMD011115/images/footerBg1.jpg)
}

.v_line {
				text-align: center;
				background-image: url('/Portals/_default/Skins/JMD011115/images/v_line.jpg')
}

.banner {
				background-color: white;
				border: thin #c6c7c8 solid;
				text-align: center
}


.td_4cast_name {
				font-family: 'AmiriWeb';
				font-size: 22px;
				font-style: normal;
				color: #f29400;
				text-align: center;
				background-color:#a7dae8
}

.td_4cast_day {
				background-color:#d8eef5;
				height:220px
}

.td_4cast_night {
				
				background-color:#bde3ee;
				height:220px
}

.td_4cast_brief {
				
				background-image:url('/Portals/_default/Skins/JMD011115/images/4days_bg1.jpg');
				font-family:'AmiriWeb';
				font-size:16px;
				color:#3e3d40;
				text-align: justify

}

.td_4cast_f_dark {
				font-family:'AmiriWeb';
				font-size:16px;
				color:#3e3d40;
				text-align:right
}

.td_4cast_f_light {
				font-family:'AmiriWeb';
				font-size:16px;
				color:#646567;
				text-align:right
}

.maps-f {
			
			font-family:Arial;
			font-size:12.5px;
			color:red;
			direction:ltr;
			text-align:right;
}

.quick-reading-f {
			
			font-family:'AmiriWeb';
				font-size:17px;
				color:#3e3d40;
				text-align:justify;
}

.quick-reading-title-f {
			
			font-family:'AmiriWeb';
				font-size:22px;
				color:#d60c1b;
				text-align:center;
}

.night {
				background-color: #4badcd;
}

.day {
				background-color: #4bbedb;
}
/*------------------------------------------*/
/*	  Menu Style
/*------------------------------------------*/

    .NameHighlights         {position:relative; }
    .NameHighlights div     {display: none;}
    .NameHighlightsHover    {position:relative;}
    .NameHighlightsHover div {display:block;position:absolute;width: 15em;top:1.3em;*top:15px;left:-150px;z-index:1000;}
    
    
    
/*------------------------------------------*/
/*	  Inside Pages Style
/*------------------------------------------*/



.b_title {
				font-family:'AmiriWeb';
				font-size:22px;	
				font-style:normal;
				color:#005a9b;
				line-height:normal;
				margin-top:30px;			
}


.b_sub_title {
				font-family:'AmiriWeb';
				font-size:20px;	
				font-style:normal;
				color:#7faccd;
				line-height:normal;				
}



.inside-text {
				font-family:'AmiriWeb';
				font-size:17px;	
				font-style:normal;
				color:#000;
				line-height:normal;
				text-align:justify;
				
}
    
.tr-bg1 {
				background-color:#7faccd;
				
} 

.tr-bg2 {
			
				background:#b2cde1;
} 

.inside-image {
				
				position:relative;
				/* top: 25px;  */
				/* left: -25px; */
				float:left ;
				/* width: 440px;
				height: 370px;*/
				padding: 25px 25px 25px 0;
				text-align:center;
				border-radius: 18px 18px 18px 18px;
				-webkit-border-radius: 18px 18px 18px 18px;
				-moz-border-radius: 18px 18px 18px 18px;				
			
}
 
 
 .title_blue1 {
				background-color: #00afd5;
				border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-moz-border-radius: 0px 0px 5px 5px;
				-o-border-radius: 0px 0px 5px 5px;
				box-shadow: 1px 1px 1px #008faf;
				height: 50px;
				font-family:'AmiriWeb';
				font-size:25px;
				text-align:center;
				font-style:normal;
				color: white
				
}

/*------------------------------------------*/
/*	  New Styles
/*------------------------------------------*/


.tr-bg3 {
			
				background:#a7e2f4;
} 


.tr-bg4 {
			
				background:#e6f4fa;
} 


.title_DarkBlue_bg {
				background-color: #3c66aa;
				border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-moz-border-radius: 0px 0px 5px 5px;
				-o-border-radius: 0px 0px 5px 5px;
				box-shadow: 1px 1px #2d4e86;
				height: 50px;
				font-family:'AmiriWeb';
				font-size:25px;
				text-align:center;
				font-style:normal;
				color: #fff;
				background-image:url('../images/Tree.jpg');
				text-shadow: 2px 1px #0c254e;
				
}

.inside-text1 {
				font-family:'AmiriWeb';
				font-size:16px;	
				font-style:bold;
				color:#000;
				line-height:normal;
				text-align:center;
				
}

.inside-text2 {
				font-family:'AmiriWeb';
				font-size:15px;	
				font-style:normal;
				color:#000;
				line-height:normal;
				text-align:right;
				
}

.inside-text3 {
				font-family:'AmiriWeb';
				font-size:15px;	
				font-style:normal;
				color:#000;
				line-height:normal;
				text-align:center;
				
}


h2.ArticleTitle {
				font-family:'AmiriWeb';
				font-size:19px;
				font-style:normal;
				text-align: right;
				color: #005a9b;
				text-decoration:none;
				font-weight: 350;
				
}


h4.ArticleDate {
				font-family:'AmiriWeb';
				font-size:18px;
				font-style:normal;
				text-align: right;
				color: #000;
				text-decoration:none;
				font-weight: 350;
				
}


p.ArticleBody {
				font-family:'AmiriWeb';
				font-size:17px;
				font-style:normal;
				text-align: justify;
				color: #000;
				text-decoration:none;
				font-weight: 300;

}

.news-thumbs {
float: right;
width: 75px;
height: 75px;
margin-left: 8px;}

.aqabaForecastBg {
				
				background:#ede9e9;
				background-image:url('/Portals/_default/Skins/JMD011115/images/aqabaForecastBg.png');
				font-family:'AmiriWeb';
				font-size:16px;
				color:#3e3d40;
				text-align: justify;
				 background-repeat:no-repeat;
				 

}