/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
}

body{background:#353535; text-align:center;}
#main{ background:url(../images/left-tail-ar.gif) left repeat-y;}
#right-tail{ background:url(../images/right-tail-ar.gif) right repeat-y; padding:0 17px;}
table {
	direction:rtl;
}
img {
	vertical-align:top;
}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.center{ text-align:center;}

html{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.5em; color:#8d8d8d;}

input, select {
	vertical-align:middle;
	font-weight:lighter;
	font-family:Tahoma, Geneva, sans-serif;
	direction: rtl;
}

a {color:#f54f1a;}
a:hover{text-decoration:none;}
p {
	padding-top:10px;
	direction: rtl;
	font-size: 18px;
}
.strong1{ color:#000000; display:block; line-height:1.333em; padding-bottom:20px;}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 5px; float:left;}
.padding1{ padding-top:13px !important;}
.padding2{ padding-top:27px !important;}
.padding3{ padding-top:20px !important;}
.margin1{ margin-top:0 !important;}
.margin2{ margin-left:25px !important;}

/* ============================= header ====================== */
#header{ background:url(../images/header-bg-ar.jpg) bottom no-repeat;}
#header .top{ background:url(../images/top-tail-ar.gif) top repeat-x; text-align:center;}
#header .logo{ padding:11px 8px 25px 0;}
#hedaer .menu{ width:100%; overflow:hidden;}
#header .menu li{ float:left; background:#171717;}
#header .menu a{ display:block; text-decoration:none; height:37px;}
#header .menu .active{ position:relative; margin:0 0 0 -35px;}
#header .menu .m1 a{ background:url(../images/m1-ar.gif) top left no-repeat; width:151px;}
#header .menu .m2 a{ background:url(../images/m2-ar.gif) top left no-repeat; width:164px;}
#header .menu .m3 a{ background:url(../images/m3-ar.gif) top left no-repeat; width:178px;}
#header .menu .m4 { background:url(../images/m4-ar.gif) top left no-repeat; width:162px;}
#header .menu .m5 a{ background:url(../images/m5-ar.gif) top left no-repeat; width:174px;}
#header .menu .m6 a{ background:url(../images/m6-ar.gif) top left no-repeat; width:117px;}

#header .menu .m1 .active{ background:url(../images/m1-act-ar.gif) top left no-repeat; width:151px; margin:0;}
#header .menu .m2 .active{ background:url(../images/m2-act-ar.gif) top left no-repeat; width:198px; margin:0 0 0 -34px;}
#header .menu .m3 .active{ background:url(../images/m3-act-ar.gif) top left no-repeat; width:213px;}
#header .menu .m4 .active{ background:url(../images/m4-act-ar.gif) top left no-repeat; width:197px;}
#header .menu .m5 .active{ background:url(../images/m5-act-ar.gif) top left no-repeat; width:209px;}
#header .menu .m6 .active{ background:url(../images/m6-act.gif) top left no-repeat; width:152px;}

#header .title{ padding:24px 21px 17px 0; }
#header .list{ text-align:right; padding-right:24px;}
#header .list li{ padding-bottom:5px;}

#header .slogan{
	padding:71px 0 0 41px;
	text-align: left;
}
#header .button{
	padding:6px 0 0 41px;
	text-align: left;
}


#header .menu a:hover, #header .menu .selected{
	
		color:#FFF;
		}
		/* ----------- DROPDOWN STYLES ------------------ */
		
		#header .menu li ul{ /* Hides dropdown menu */
		background:url(../images/NavSubBG-ar.gif) repeat-x #1f5483;
		border:1px solid #666;
		padding:0 15px 20px;
		position:absolute;
		margin-left:-5000px;
		width:410px;
		z-index: 20;
		
		}
		#header .menu li:hover ul{ /* Dropdown position in non IE browsers */
		margin-left:0px;
		}
		#header .menu li.over ul{ /* Dropdown position in IE browsers, requires Suckerfish javascript */
		margin-left:0px;
		 background:none;
		}
		#header .menu li ul li{ /* Dropdown menu submenu style */
		border-right:none;
		color:#FFF;
		width:170px;
		float:left; /* Makes submenus horizontal */
	 background:none;

		}
		#header .menu li ul li a{
		display:block;
		font:bold 11px Arial;
		line-height:90%; /* Fixes Gap in nav */
		padding:4px 0 4px 10px;
		color:#FFF;
		height:10px;
		font-size:16px;
	
	
		}
		#header .menu li ul li a:hover{ /* Submenu hover styles */
		background:#a3dafa;
		color:blue;
	
		}
		#header .menu li.NavSubTitle{
		border-bottom:1px solid white;
		display:block;
		font:bold 14px Arial;
		height:18px;
		margin:10px 0 3px;
		padding:10px 0 0;
		width:100%;
		
		}
/* ============================= content ====================== */
#content{ background:#ffffff; padding-bottom:4px;}
.column-2, .column-3{ margin-left:3px;}

.indent{ padding:22px 10px 30px 20px;}
.indent2{ padding:18px 5px 0 15px;}
.indent3{ padding:30px 5px 0 33px;}

.box1{ background:url(../images/box1-corner-top-ar.gif) top right no-repeat #f0efe7; color:#6e6e6e;}
.box1 .corner-bot{ background:url(../images/box1-corner-bottom-ar.gif) bottom right no-repeat; width:100%;}
.box1 .indent{ padding:0px 5px 24px 5px;}
.box1 .indent2{ padding:14px 5px 0px 14px;}
.box1 .indent3{ padding:0 15px 0px 13px;}
.box1 .title{ background:url(../images/title1-tail-ar.gif) top repeat-x;}
.box1 .title span{ display:block; background:url(../images/title1-left-bgv.jpg) left top no-repeat;}
.box1 .title span span{ background:url(../images/title1-right-bg-ar.gif) right top no-repeat; padding:14px 2px 6px 48px;}
.box1 strong{ color:#6e6e6e; display:block; padding-bottom:6px;}

.box2{ background:url(../images/box1-corner-top-ar.gif) top right no-repeat #eff3de; margin-top:3px;}
.box2 .corner-bot{ background:url(../images/box1-corner-bottom-ar.gif) bottom right no-repeat; width:100%;}
.box2 .indent{ padding:15px 15px 13px 15px;}
.box2 .indent2{ padding:28px 15px 13px 33px;}
.box2 .title{ padding-bottom:18px;}

.box3{ background:url(../images/box3-corner-left-top-ar.gif) top left no-repeat #f7f7f7; margin-top:4px;}
.box3 .right-top{ background:url(../images/box3-corner-right-top.gif) top right no-repeat;}
.box3 .left-bot{ background:url(../images/box3-corner-left--art.gif) bottom left no-repeat; }
.box3 .right-bot{ background:url(../images/box3-corner-right-ar.gif) bottom right no-repeat; width:100%;}
.box3 .indent{ padding:27px 22px 29px 27px;}
.box3 .title{
	padding-bottom:15px;
	font-size: 24px;
	font-weight: bold;
	color: black;
}

.box4{ background:url(../images/box4-corner-top-ar.gif) top left no-repeat #e1f2f8; color:#69909d;}
.box4 .corner-bot{ background:url(../images/box4-corner-bot-ar.gif) bottom left no-repeat; width:100%;}
.box4 .indent{ padding:0px 5px 25px 6px;}
.box4 .indent2{ padding:14px 5px 0px 14px;}
.box4 .indent3{ padding:0 9px 0px 13px;}
.box4 .title{ background:url(../images/title4-tail-ar.jpg) top repeat-x;}
.box4 .title span{ display:block; background:url(../images/title4-left-bg-ar.jpg) left top no-repeat;}
.box4 .title span span{ background:url(../images/title4-right-bg-ar.jpg) right top no-repeat; padding:14px 2px 6px 53px;}
.box4 strong{
	color:#3386a4;
	display:block;
	padding-bottom:2px;
	padding-top: 4px;
}

.extra-list1{ padding:13px 0 0 51px}
.list1 li{ line-height:2em;}
.list1 li a{
	color:#6e6e6e;
	margin-left:11px;
	font-weight: bold;
}

.list2{ color:#52b0d2; direction:rtl;}
.list2 li{ line-height:1.75em;}
.list2 a{
	color:#F54B18;
}

.title1{ padding-bottom:25px;}
.text1{ line-height:1.417em;}
.text2{
	padding-left:10px;
	direction: rtl;
}
.text2 strong, .strong2{ font-size:1.167em; color:#747f7f; font-weight:bold; display:block; padding-bottom:7px;}
.strong2{ padding-bottom:0;}
.email{
	padding-top:11px;
	direction: rtl;
}
.email a, .link4{ color:#52b0d2;}

.link{
	color:#f54f1a;
	margin-top:10px;
	direction: rtl;
}
.link a{ margin-left:5px;}
.extra{ padding:2px 0 0 51px; margin:0;}

.link1{	display:inline-block;
	background:url(../images/link1-tail-ar.gif) top repeat-x;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	line-height:1em;
	margin-top:10px;}
.link1 span{ display:block; background:url(../images/link1-left-bg-ar.gif) left top no-repeat;}
.link1 span span{ background:url(../images/link1-right-bg-ar.gif) right top no-repeat; padding:3px 10px 5px 12px;}
.link1:hover{ background:url(../images/link1-tail-act-ar.gif) top repeat-x;}
.link1:hover span{ background:url(../images/link1-left-bg-act-ar.gif) left top no-repeat;}
.link1:hover span span{ background:url(../images/link1-right-bg-act.gif) right top no-repeat;}

.link2{ color:#4f4f4f;}
.link3{ margin-top:15px; color:#f54f1a; background:url(../images/link3-bg.gif) no-repeat 0 6px; padding-left:15px;}
.link4{ color:#69909d;}

.links{ padding:8px 0 5px 0; text-align:center;}
.links a{ margin:0 40px 0 25px;}
.links strong a{ color:#000000; text-decoration:none;}
.links strong a:hover{ text-decoration:underline;}

dt{ color:#52b0d2; padding-bottom:13px;}
dt a{ color:#52b0d2;}
dd{ padding-bottom:17px;}
dl .last{ padding-bottom:0;}

.phone{ float:right; padding-right:27px;}
.phone2{ float:right; padding-right:5px;}

/* ============================= page1 ===========================*/
#page1 .col-2{ margin-left:17px;}
/* ============================= page2 ===========================*/
#page2 .col-2, #page2 .col-3{ margin-left:13px;}
/* ============================= page3 ===========================*/
#page3 .col-2{ margin-left:17px;}
/* ============================= page1 ===========================*/
#page5 .col-2{ margin-left:30px;}

/* ============================= footer ====================== */
#footer{ background:url(../images/footer-tail.gif) top repeat-x;}
#footer .left-bg{ background:url(../images/footer-left-bg-ar.gif) left top no-repeat; padding-left:18px;}
#footer .right-bg{ background:url(../images/footer-right-bg-ar.gif) right top no-repeat; height:41px; width:100%; padding:27px 0 0 0;}
#footer .text{ padding:2px 0 0 27px !important; color:#6e6e6e; background:url(../images/footer-text-bg.gif) no-repeat 0 0;}
#footer a{
	color:#aeaeae;
	font-weight: bold;
}

/* ============================= forms ============================= */
#Form1{ padding-top:18px;}
#Form1 input{ border:solid 1px #cbcbb4; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:3px 0 3px 3px; background:#f6f6f0; width:153px;}
#Form1 .link1{ margin:18px 16px 0 0;}

#ContactForm{ padding-top:20px; font-weight:bold; color:#4f4f4f;}
#ContactForm .col-1{ width:211px !important;}
#ContactForm .col-2{ width:200px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:175px;}
#ContactForm textarea{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:194px; height:101px; overflow:hidden;}
#ContactForm .link{ font-weight:normal;}
#ContactForm .link span{ padding:7px 16px 0 7px;}
.minicontact{
	border: 1px solid rgb(207, 207, 208);
	width: 110px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(51, 51, 51);

}



/* Center Content
--------------------------------------------------------------*/
#Column2Content{
	padding:01px 5px 1px;
}


/* RELATED Links
--------------------------------------------------------------*/
#RelatedBox{
	float:left;
	margin:20px 0 10px 10px;
	position:relative;
	width:149px;
	border:solid 1px #ccc;
}
#RelatedBox ul{
	margin:0 0 10px 0;
	border-bottom:solid 1px #ccc;
	font-size: 16px;
	direction: rtl;
}
	.RelatedStories {
	background: #FDB; 
	padding:5px 12px 10px;
	position:relative;
	width:125px;
	}
	.RelatedStories li {
	padding:5px 0;
	}
#ProcedureDetailName{ 
	left:15px;
	position:absolute;
	top:133px;	
	}
	#ProcedureDetailName h1{
	margin:0;
	padding:0;
	}
	#ProcedureDetailInfo h3{
	background:url(../images/dots-ar.gif) 0 0 repeat-x;
	margin:5px 0 0;
	padding:5px 0 0;
	color: #2D718A;
	font-size: 20px;
	direction: rtl;
	}
#ProcedureDetailInfo ul{
	margin:0 0 15px 10px;
	list-style-position: outside;
	list-style-type: disc;
	}
	#ProcedureDetailInfo ol{
	margin:0 0 15px 10px;
	}
	#ProcedureDetailInfo ul li ul{
	margin-bottom:0;
	}
	#ProcedureDetailInfo li{
list-style-position: outside;
	list-style-type: disc;
	}
.form-butt {
	border: 0pt none;
	background-image: url(../images/btnsubmit.gif);
	width: 58px;
	height: 25px;
	color: rgb(0, 0, 0);
	font-family: Arial;
	font-size: 11px;
	margin-left:75px;
	cursor:pointer;
}
.suggestionsBox {
	position: absolute;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	border: 2px solid #000;
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}
.suggestionList li:hover {
	background-color: #659CD8;
}
#msg {
	font-size:14px;
	display:none;
	position: absolute;
	z-index:200;
	background:url(../images/msg_arrow.gif) left center no-repeat;
	padding-left:7px;
	
}
#msgcontent {
	display:block;
	background: #B0DEF7;
	border:2px solid #069;
	border-left:none;
	padding:5px;
	color:#000;
}
p.diagurd-txt {
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#273F7A;
	padding:5px 45px 0px 10px;
	text-align: center;
}
.tablemed {
	font-size: 1em;
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;
	direction:rtl
}

.noclassgo {
	height:auto;
	margin:0px;
	padding:0px;
	height:21px;
	width: 29px;
	border: 0;
}
.textarea {
  font-size: 14px;
   text-align: left;
   color: black;
   font-family: arial, helvetica, sans-serif;
 }
