/* Developed By: Alaa H. A. AbuSafia */

body{
	margin: 0px;
	padding: 0px;
	color: #3c3c3c;
	font: normal 12px Tahoma, Geneva, sans-serif;
	background: #e6e8d8 url(../images/bg.jpg) repeat-x top left;
}
p   { margin: 0px; padding: 0px; text-align: right; direction: rtl }
ul  { margin: 0px; padding: 0px }
li  { list-style: none; float: right}
img { border: none }
a   { color: #5d5d5d; text-decoration: none }
a:hover, a.active{ text-decoration: underline; color: #000;}
h1      { width: 125px; height: 31px; padding: 58px 15px 22px 10px; text-align: center; float: right; background: url(../images/h1_bg.png) no-repeat top right;}
h3 ,h3 a{ margin: 0px; padding: 0px; font: normal 13px Tahoma, Geneva, sans-serif; color: #ef8812; *margin-top: -20px; text-align: right; direction: rtl;}
.both   { clear: both }
.Website{
	width: 100%;
	min-width: 900px;
	background: url(../images/head_bg.png) no-repeat top center;
	height: auto
}
.Header{
	width: 900px;
	height: 150px;
	margin: auto
}
.Lang{
    width: 52px;
    height: 29px;
    float: right;
    margin-right: 80px;
    background: url(../images/ar.png) no-repeat top right;
}
.Lang-en{
    width: 63px;
    height: 29px;
    float: right;
    margin-right: 3px;
    background: url(../images/en.png) no-repeat top right;
}
.Lang-en:hover, .Lang:hover,
.Lang-en.active, .Lang.active{
    background-position: bottom right;
}
.Header ul{
    width: 78%;
    float: left;
}
.flash{
    width: 273px;
    height: 201px;
    float: right;
    position: relative;
    margin-top: 25px;
}
.flash-in{
    position: absolute;
        width: 273px;
    height: 201px;
    top: 0;
    left: 0;
    cursor: pointer !important;
    z-index: 10;}
.flash object{
    cursor: pointer !important;
}
.Header li{
	float: left;
	margin: 5px 0px 0px 35px
}
.Body{
	width: 900px;
	height: auto;
	background: url(../images/body_bg_01.png) no-repeat top center;
	margin: auto;
	padding-top: 14px;
}
.Body_Content{
	width: 850px;
	height: auto;
	padding: 0px 25px;
	min-height:350px;
	background: #fafafa url(../images/body_bg_02.png) no-repeat top center;
}
.Footer{
	width: 860px;
	height: 100px;
	padding: 48px 20px 0px 20px;
	margin: auto;
	background:url(../images/body_bg_03.png) no-repeat top center;
	text-align: right;
	direction: rtl
}
.Foot_Nav{
	width: 500px;
	float: right;
}
.Foot_Nav li{
	float: right
}
.Foot_Nav li a{
	padding: 0px 5px
}
.Share{
	width: 200px;
	float: left;
	height: 35px
}
.Share li{
	float: left;
	margin: -10px 5px;
 }
 .Sh li{
    float: left;
    margin: 5px 10px !important;
    list-style: none !important;
}
.print{
    width: 16px;
    height: 16px;
    background: url(../images/pri.png) no-repeat top left;
    border: none;
    cursor: pointer;
    display: block;
}
.Share li:hover img{
	margin-top:2px
}
.Footer p{
	text-align: center;
	color: #905612;
	font-size: 10px
}
.Footer p a{
	font-size: 11px !important;
	line-height: 2em
}
.Welcome{
	width: 500px;
	float: right;
	margin: 5px 0px
}
.Search_Form{
	width: 287px;
	height: 25px;
	padding: 4px 5px;
	background:url(../images/search_bg.png) no-repeat top left;
	float: left;
	text-align: right;
	direction: rtl;
	margin-top:-3px
}
.Input  { width: 150px; height: 19px; padding: 2px 7px; display: inline-block; border: none;
		  background: url(../images/input_bg.png) no-repeat top right; color: #000; margin-left: 2px
}
.Button{ width: auto; height: 27px;}
.Button_left { width: auto; height: 27px; text-align: right;  border: none; cursor: pointer;
		       background:url(../images/button_l.png) no-repeat scroll top left; padding: 0px 0px 5px 8px;
			   color: #fff; font: bold 15px Arial, Helvetica, sans-serif; display: inline-block;
}
.Button_right{ width: 10px; height: 27px; cursor: pointer; float: right;
	           background:url(../images/button_r.png) no-repeat top right;
}
.Button:hover .Button_left{
	background-position: bottom left;
	color: #ef8812;
	text-decoration: none;
}
a.Button_left{
	height: 21px;
	padding: 3px 0px 3px 8px;
}
.Input:hover, .Input:focus{
	background-position: bottom right;
}
.Button:hover .Button_right{
	background-position: bottom right
}
.Button #search_button.Button_left{
	background-position: bottom left;
	color: #ef8812;
}
.Button #s_span.Button_right{
	background-position: bottom right
}
.Button:hover #search_button.Button_left{
	background-position: top left;
	color: #fff;
}
.Button:hover #s_span.Button_right{
	background-position: top right
}
.Sidebar{
	width: 254px;
	float: right;
	background:url(../images/fasel.png) no-repeat top left;
	padding-left: 13px;
	text-align: right;
	direction: rtl;
	margin-top: 20px;
}
.Menu{
	width: 187px;
	height: 231px;
	margin: 30px 40px 50px 0px
}
.Menu li{
	width: 187px;
	height: 33px;
}
.Menu li a{
	width: 187px;
	height: 34px;
	display: inline-block;
	background:url(../images/menu.png) no-repeat top right;
}
.Menu li.Item_01 a:hover, .Menu li.Item_01 a.active{
	background-position: top left
}
.Menu li.Item_02 a{
	background-position: right -33px;
}
.Menu li.Item_02 a:hover, .Menu li.Item_02 a.active{
	background-position: left -33px;
}
.Menu li.Item_03 a{
	background-position: right -66px;
}
.Menu li.Item_03 a:hover, .Menu li.Item_03 a.active{
	background-position: left -66px;
}
.Menu li.Item_04 a{
	background-position: right -99px;
}
.Menu li.Item_04 a:hover, .Menu li.Item_04 a.active{
	background-position: left -99px;
}
.Menu li.Item_05 a{
	background-position: right -132px;
}
.Menu li.Item_05 a:hover, .Menu li.Item_05 a.active{
	background-position: left -132px;
}
.Menu li.Item_06 a{
	background-position: right -165px;
}
.Menu li.Item_06 a:hover, .Menu li.Item_06 a.active{
	background-position: left -165px;
}
.Menu li.Item_07 a{
	background-position: right -198px;
}
.Menu li.Item_07 a:hover, .Menu li.Item_07 a.active{
	background-position: left -198px;
}
.Left_Body{
	width: 550px;
	float: left;
}
.Gallery{
	width: 530px;
	height: 276px;
	margin: 20px auto;
	background: #f2f2f2;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #a2a2a2;
	padding: 12px;
}
.Block{
	width: 267px;
	height: auto;
	margin: 5px auto
}
.Block_Title{
	width: 267px;
	height: 80px;
	background:url(../images/b_head_bg.png) no-repeat center right
}
.Tit_img{
	float: right;
	margin:0px 15px;
	position: relative
}
.Tit{
	margin: 27px
}
.Block_bg{
	width: 247px;
	height: auto;
	background: #eee;
	border: 1px solid #fff;
	box-shadow: 0px 0px 1px #afafaf;
	border-radius: 5px;
	margin-top: -18px;
	padding: 10px;
}
.jcarousel li{
	height: 30px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	margin: 5px 0px;
	overflow: hidden
}
.jcarousel li a{
	font-size: 11px
}
.jcarousel li img{
	width: 25px;
	float: right;
	margin: 0px 5px 0px 10px
}
.All{
	float: left;
	padding: 5px 10px;
	background: #f3d5a5;
	margin-top: 8px;
}

.Vote{
	color:#787878;
	font-size: 11px
}
.Vote p{
	padding: 0px 5px 5px 5px;
	color: #262626;
	font-size: 12px !important
}
.Vote input{
	margin:3px 10px 2px 5px
}
.Vote ul{
	float: left;
	width: 120px;
	margin-top:5px;
	*width: 150px;
}
.Vote ul li{
	float: left;
	border: none
}
.Vote .Button input{
	margin: 0px !important;
	color: #565656 !important
}
.Vote .Button #result.Button_right{
	background-position: bottom right;
}

.Vote .Button:hover #result.Button_right{
	background-position: top right
}
.Vote .Button .Result{
	background-position: bottom left;
	color: #565656;
}

.Vote .Button:hover .Result{
	background-position: top left
}
a.Block_Title{
	cursor: pointer;
	display: inline-block;
	background-repeat: no-repeat;
	height: 72px;
}
.Left_Body .Block{
	width: 550px;
}
.Left_Body .Block_Title{
	width: 549px;
	background-image:url(../images/b_head_bg_3.png);
	margin-top:-33px;
	margin-left:-10px;
	text-align: right;
	direction: rtl;
}
.Left_Body .Block_bg{
	width:530px;
	margin-top:14px !important
}
.News li{
	margin: 10px 5px;
	background:url(../images/hr.png) no-repeat bottom center;
	padding-bottom: 20px;
	text-align: right;
	direction: rtl;
	float: none
}
.News li img{
	float: right;
	width: 110px;
	height: 110px;
	background: #fff;
	padding: 5px;
	box-shadow: 0px 0px 3px 0px #ccc;
	margin-left:10px;
}
.News li.Project img{
	width: 150px !important;
	height: 150px !important;
}
.News li.Project{
	background: none !important;
}
.News li p{
	height: 75px;
	overflow: hidden;
	line-height: 1.5em
}
.date{
	color: #ef8812;
	font-size: 11px;
	width: 80px
}
.more{
	color: #ef8812;
	font-size: 11px;
	float: left
}
.Archive{
	float: left;
	padding: 5px 10px;
	background: #b8b8b8;
	color: #fff
}
.See_All{
	color: #ef8812;
	font-size: 11px;
	float: left;
	text-decoration: underline
}
.InnerPage_Head{
    width: 545px;
    margin: auto;
    height: 127px;
    padding: 35px 0px;
    background-image: url(../images/in_head_bg_01.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.Entries{
    width: 545px;
    margin: auto;
}
.Entries li{
    float: right;
}
.Entries li a{
    padding: 7px 29px;
    color: #262626;
    background: #d9d9d9;
}
.Entries li a:hover, .Entries li a.active,
.Entries li.even a:hover, .Entries li.even a.active{
    background: #ed7512;
    color: #fff;
    text-decoration: none;
}
.Entries li.even a{
    background: #eaeaea;
}
.Researches{
    width: 545px;
    height: auto;
    border: none;
    text-align: center;
    direction: rtl;
    margin: 10px auto;
}
.Researches li{
    float: none;
    margin: 5px;
    background: url(../images/tr_bg.png) repeat-x top right;
    height: 31px;
    border-radius: 5px;
    overflow: hidden;
    line-height: 30px;
}
.Researches li .THead li{
    background: none !important;
    color: #ef7512;
    margin: 0px !important;
}
.Researches li li{
    float: right !important;
    padding: 0px 5px;
    margin: 0px !important;
    background: url(../images/1.png) no-repeat top left
}
.num{
    width: 30px;
}
.rTit{
    width: 380px;
}
.view{
    width: 40px;
}
.view img{
    margin-top: 4px
}
.Posters{
    width: 545px;
    margin: auto;
}
.Posters li{
    float: right;
    margin: 10px 5px 10px 10px;
    width: 120px;
    height: 120px;
}
.Posters li img{
    width: 107px;
    height: 107px;
    border: 5px solid #fff;
    background: #b3b3b3;
    box-shadow: 0px 0px 3px 0px #ccc
}
.Projects{
    width: 545px;
    margin: auto;
    text-align: right;
    direction: rtl;
}
.Projects img{
    float: right;
    border: 5px solid #fff;
    background: #b3b3b3;
    box-shadow: 0px 0px 3px 0px #ccc;
    margin-left: 8px;    
}
.Projects a{
    color: #ef8812;
    font-size: 14px;
}
.Projects p{ 
    margin: 7px 0px; 
    text-align: justify;
}
.Projects li{
    margin: 10px;
    padding: 2px;
    border-bottom: 1px dashed #b3b3b3;
    padding-bottom:  10px;
}
.Projects li:hover{
    background: #f1f1f1;
}
.Projects li img{
    width: 65px;
    height: 65px;
    border-width: 3px;
    margin-top: 2px;
}
.details{
    height: auto;
    max-height: 120px;
    overflow: hidden;  
}
.Contact_Info{
    width: 545px;
    margin: auto;
}
.Contact_Info li{
    float: none;
    margin: 15px 0px;
    list-style-image: url(../images/li_img.png);
    text-align: right;
    direction: rtl;
}
.Contact_Info li span{
    width: 430px;
    float: left;
    color: #ef8812;
    direction: ltr;
}
.Contact_Form input, .Contact_Form textarea{
    width: 215px;
    padding: 1px 5px;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    color: #000;
    background: #ececec;
    font-size: 11px;
    margin: 5px 0px;
}
fieldset p{
    text-align: center;
    margin: 10px;
}

textarea{
    height: 100px;
}
.Contact_Form input:hover, .Contact_Form textarea:hover,
.Contact_Form input.focus, .Contact_Form textarea.focus{
    background: #fff;
}
.Contact_Form{
    text-align: right;
    direction: rtl;
    width: 370px;
    margin: auto;
}
.Contact_Form label{
    width: 100px;
    float: right;
    margin-left: 5px;
    line-height: 28px;
    font-size: 11px;
}
fieldset {
    border: 1px solid #ef8812;
    direction: rtl;
    margin: auto;
    padding: 12px;
    text-align: right;
}
legend{ 
    color: #ef8812;
}
.Contact_Form input.Button_left{
    width: 40px !important;
    border: none;
    margin: 0px !important;
    border-radius: 0px !important;
    padding: 0px !important;
    background:url(../images/button_l.png) no-repeat scroll top left !important;
}
.Contact_Form .Button{
    width: 55px;
    margin: auto;
}
.Contact_Form .Button:hover .Button_left{
	background-position: bottom left !important;
	color: #ef8812;
	text-decoration: none;
}
.Issues{
    text-align: justify;
    direction: rtl;
    width: 535px;
    margin: auto;
}
.Issues img.News_Img{
    float: right;
    margin-left: 10px;
    max-width: 300px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px #ccc
}
.Issues li{
    margin: 10px auto 5px auto;
    list-style-image: url(../images/li_img.png);
}
.Issues a{
    font-size: 14px;
    color: #ed7512;
}
.Issues p{
    margin: 6px 0px;
    line-height: 20px;
}
.Issues a.more{
    font-size: 11px !important;
    text-decoration: underline;
}
.Comment_Form div{
    margin: 3px 0px;
    background: #f1f1f1;
    clear: both;
    padding: 5px 10px;
}
.Comment_Form label{
    width: 100px;
    float: right;
    margin: 0px 20px;
    color: #666666;
    font: normal 16px Arial;
}
.Comment_Form div.Button{
    background: none;
    float: left;
    margin: 0px 0px 0px 31px;
}
.CInput{
    width: 330px;
    padding: 2px 5px;
    color: #666;
    background-color: #fafafa;
    text-align: right;
    direction: rtl;
      /* Safari 4-5, Chrome 1-9 */
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#f5f5f5));
      
      /* Safari 5.1, Chrome 10+ */
      background: -webkit-linear-gradient(top, #fafafa, #f5f5f5);
      
      /* Firefox 3.6+ */
      background: -moz-linear-gradient(top, #fafafa, #f5f5f5);
      
      /* IE 10 */
      background: -ms-linear-gradient(top, #fafafa, #f5f5f5);
      
      /* Opera 11.10+ */
      background: -o-linear-gradient(top, #fafafa, #f5f5f5);
        border: 1px solid #c3c3c3;
}
.CInput:hover, .CInput:focus{
    background: #fff !important;
}
.Comments li{
    margin: 10px 0px;
    background: #f1f1f1 url(../images/comm.png) no-repeat 98% 15%;
    text-align: right;
    direction: rtl;
    padding: 8px 75px 8px 8px;
    clear: both;
    width: 450px;
}
.Comments li p{
    margin: 5px 0px;
}
.Papers{
    text-align: right;
    direction: rtl;
    margin: 15px auto;
}
.Papers li{
    margin: 10px auto;
    background: url(../images/byan_bg.png) no-repeat top right;
    padding: 4px 63px 10px 5px;
    border-bottom: 1px dashed #ccc;
    width: 490px;    
}
.Papers p{
    margin: 6px 0px;
}
div#feature_list {
	width:550px; 
    height:315px; 
    padding-top:5px;
	position: relative;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	right: 0;
	z-index: 2;
	float:right; 
    width:126px;
}

ul#tabs li {
	width:120px; 
    height:51px;
    margin: 4px 0px 3px 0px;
 }
 ul#tabs li a{
    opacity: 0.7
}

ul#tabs li a.active, ul#tabs li a:hover{
    opacity: 1
}

ul#tabs li a.current:hover {
	cursor: default;
    opacity: 1
}

ul#output {
	position: relative;
    width:420px;
    height:285px;
}


ul#output li {
	position: absolute;
	width: 420px;
	height: 285px;
    top: 4px
}

ul#output li a {
	position: absolute;
	color: #FFF;
    margin: auto;
}
ul#output img{
	position: relative;
    width:420px;
    height:285px;   
}

ul#tabs_2, ul.Albums {
	right: 0;
	z-index: 2;
	float:right; 
    width:180px;
    padding-left: 20px;
    background: url(../images/left-vr.png) no-repeat top left;
    height: auto;
    min-height: 200px;
}

ul#tabs_2 li { 
    margin: 10px 0px;
    list-style-image: url(../images/listen.png);
    text-align: right;
    direction: rtl;
    clear: both
 }
 ul#tabs_2 li a{
    color: #262626;
}

ul#tabs_2 li a.current {
   color: #ed7512;
   text-decoration: underline;
}

ul#tabs_2 li a.current:hover {
	cursor: default;
    color: #ed7512;
}

.Albums{
    height: auto;
    min-height: 155px;
}
.Albums li{
    list-style-image: url(../images/li_img.png);
    margin: 10px 0px;
    float: none;
    text-align: right;
    direction: rtl;
}
.Results li{
    list-style-image: url(../images/li_img.png);
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin: 10px 0px;
    text-align: right;
    direction: rtl;
    clear: both;
}

p.PagingBlock{
    width: auto !important;
    text-align: center !important;
    color:#aaa; font-size: 10px; 
    float: none !important;
    direction: rtl !important;
}
span.paging{
    color: #fff;
}
p#pager_links{
    text-align: center !important; 
    margin: 0px !important; 
    font-size: 11px; 
    width: auto !important;  
    float: none !important; 
    direction: rtl !important;
}
#pager_links span{ direction: rtl;}
#pager_links a{
    text-decoration:none;color:#ed7512; padding:2px 5px; margin:2px 2px 0px 2px; background: #eaeaea; direction: rtl;
}
#pager_links a:hover, #current_page{
    color:#fff;  background: #989898; padding:2px 5px; margin:2px 2px 0px 2px; 
}


@-moz-document url-prefix(){
	#firefox {display: block;}
	.jcarousel-skin-tango .jcarousel-container-vertical{
		float: right !important
	}
	.Left_Body .Block_bg{
		margin-top: 35px !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#chrome{ display: block; }
}	

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#opera{ display: block; }
}	

.aassdd{background-position: left -165px !important;}