/*
 * 	ASCA Jordan 05/01/2010 - Ar
 *	design by Ali Hammouri
 */
*{margin:0; padding:0;} li{list-style:none;} img, fieldset{border:none;} legend{display:none;}
a{color:#039; text-decoration:none; outline:none;} a:hover{text-decoration:underline;}

html{background:url(bgColor.jpg) center 140px no-repeat;}
body{font:13px/1.5 Arial, Helvetica, sans-serif; direction:rtl; background:url(lineBg.gif) 0 0 repeat-x;}

#wrapper{ text-align:right; width:962px; margin:0 auto;}

#header{height:120px; margin-bottom:20px; padding-top:20px;}

h1, .logo, #nav, #slider, .newsBox, .homeFeature, .homeFeature li, .content, .subColm{float: right;}

.logo{width:69px; height:69px; margin:0 10px 10px 0; overflow:hidden; background:url(bg.gif) 0 0 no-repeat;}
.logo a{padding-top:100px; display:block;}
h1{font-size:16px; color:#003399; line-height:30px; margin:35px 10px 0 0;}
h1 span{color:#000;}

.topNav{color:#e3e3e3; line-height:1; margin-top:42px; float:left;}
.topNav a{color:#8c8c8c;}
.topNav li{padding:0 5px; float:right; border-right:1px solid #ccc;}
.topNav li:first-child{border:0;}
.topNav .lang{font-size:13px;}

.search{ margin:40px 10px 0 10px; float:left;}
.search input{width:190px; height:18px; padding-right:3px; float:right; border:0; background:url(bg.gif) right -500px no-repeat #dae9f8;} .search .go{width:18px; padding:0; background-image:none;}
.search img{width:190px; height:18px; padding-right:3px; float:right; border:0; background:url(bg.gif) right -500px no-repeat #dae9f8;}

#content{ padding:10px; position:relative; border:1px solid #a5caf5; border-radius:5px; background:#fff;}

#slider{width:620px; height:285px; margin-bottom:20px; position:relative; overflow:hidden;}
#slider span{width:620px; height:285px; position:absolute; left:0; top:0; display:block; background:url(sliderMask.png) 0 0 no-repeat;}
#slider li{ position:relative;}
#slider li div{ font-size:15px; width:600px; height:265px; padding:10px; position:absolute; right:0; top:0;}
#slider div h2{font-size:20px; color:#fff; margin-bottom:15px;}
#slider div p{ margin-bottom:15px;}
.newsBox{ width:280px; height:265px; margin:0 20px 20px 0; padding:9px; border:1px solid #a5caf5; border-radius:5px; }
.newsBox h2{ margin-bottom:0;}
.newsBox ul{ margin-bottom:8px;}
.newsBox ul li{padding:6px 9px 6px 0; border-top:1px solid #ededed; background:url(bg.gif) right -360px no-repeat;}
.newsBox ul li:first-child{border-top:0;}

.newsBox .more{padding:0 18px; background:url(bg.gif) right -464px no-repeat;}

.homeFeature{ background:url(vLines.gif) 0 0 repeat-y;}

.homeFeature li{ width:210px; height:295px; margin-right:20px; padding:10px 5px; border-top:3px solid #f7c52e;}
.homeFeature li:first-child{ margin-right:0;}

.homeFeature ul{  text-align:center;}
.homeFeature li li{ float: none; width: auto; height:auto; margin:0; padding:0; border:0px;}

.homeFeature .more{ margin-top:20px; padding:0 19px; background:url(bg.gif) right -464px no-repeat;}

.publication{ position:relative;}
.publication .more{ margin-top:0px;}
.bookInfo{ text-align:right; width:210px; margin-top:10px; float: right;}

.course{ background:url(course.jpg) center bottom no-repeat;}

.banner{ text-align:center; margin-bottom:10px;}

.newsBox h2, .homeFeature h2{font-size:20px; margin-bottom:15px;}
.newsBox h2{ margin-bottom:5px;}

h2{font:15px Georgia, "Times New Roman", Times, serif; color:#03f;}

.list{}
.list li{padding:5px 25px 5px 7px; border-top:1px dotted #d7d7d7; background:url(bg.gif) 540px -360px no-repeat;}
.list li:first-child{border-top:0;}

.login{}
.login input{ font:14px Arial, sans-serif; color:#999; width:200px; height:20px; margin-bottom:10px; padding:2px 5px; border:1px solid #bebebe; border-right-color:#e0e0e0; border-bottom-color:#e0e0e0; border-radius:3px;}
.ajxLodr{margin:1px 5px; float:right;}
.login .btn{color:#fff;}

.fix{clear:both;}

.content{ font-size:15px; line-height:1.7; width:620px;}

.subColm{width:300px; margin-right:20px; }
.subColm .newsBox{width:280px; height:auto; margin:0 0 20px 0; padding:9px; float:none; border:1px solid #a5caf5; border-radius:5px;}
.subColm .banner{ text-align:center; width:300px; padding:10px 0; border:1px solid #a5caf5; border-radius:5px;}

.path{ margin-bottom:20px; padding-bottom:7px; border-bottom:1px solid #d2d7db;}

.pageTitle{font-size:20px;}

.content a{color:#0058a6;}


.content p{margin:15px 0;}
.content ol{margin: 10px 45px 10px 0;} .content ol li{margin: 5px 0; list-style: outside decimal;}
.content ul{margin: 10px 45px 10px 0;} .content ul li{margin: 5px 0; list-style: outside disc;}
.content h3{color:#039;}


table.tableNews td{padding:0; border:0;}
.listNews{margin-bottom:15px; border-bottom:1px dotted #d7d7d7;}
.listNews p{color:#7f7f7f; margin-top:8px; }

.Paginator table{width:auto; margin:0 auto;}
.Paginator table td {padding:0 3px 0 0;}
.Paginator table span{font-weight:bold; padding:1px 7px; display:block;}
.Paginator table a{ padding:1px 7px; border: solid 1px #ddd; display:block; background: #fff;}
.Paginator a:hover {text-decoration:none; color:#000; border-color: #a5caf5; background:#ddd;}

.pageOptn{height:26px; clear:both; border-top:1px solid #d2d7db;}
.pageOptn li{float:right; margin:10px 0 0 10px;}
.pageOptn li a{text-indent:-9999px; width:16px; height:12px; overflow:hidden; display:block; background:url(bg.gif) 0 -276px no-repeat;}
.pageOptn li a.top{background-position:right -276px;}
.pageOptn li a.print{background-position:right -293px;}
.pageOptn li a.send{background-position:right -310px;}

.contact label, .contact input, .contact select, .contact textarea{font:inherit; width:350px; margin-bottom:10px; padding:3px 0; display:block; float:right; border:1px solid #abadb3; border-left-color:#dbdfe6;  border-right-color:#dbdfe6; border-bottom-color:#e3e9ef; background:#eef3f6;}
.contact label{color:#666; text-align:left; line-height:1; width:90px; margin-left:10px; border:0; background:none;}
.login .btn, .contact .btn{font-weight:bold; width:68px; height:21px; cursor:pointer; border:0; background:url(bg.gif) 0 -83px no-repeat;padding:0;}
.contact .btn{margin-right:100px;}
.contact br{clear:both;}
.ctp label{width:150px;} .ctp .btn{margin-right:160px;}

.books{margin:0 0 25px 0; padding-bottom:10px; border-bottom:1px dotted #d7d7d7;}
.bookThum{width:100px; margin:15px 0 0 15px; padding:3px; float:right; border:1px solid #e5e5e5;}
.bookThum p {font-size:12px; text-align: center; margin:0; padding:2px 0; background: #eee;}
.bookDetail{width:470px; float:right;}
.orderBtn {padding: 0 80px;}

ul.siteMap {background:url(pixel.gif) right 0 repeat-y ; }
ul.siteMap li {line-height:normal; margin:0 -8px 11px 0; list-style:none inside;}
ul.siteMap li span {background:#fff; display:block; padding:2px 4px;}
ul.siteMap li ul{margin:0 7px 0 0;}
ul.siteMap li ul li { margin:4px 0; padding:0 30px 0 0; background:url(pixel.gif) right 11px repeat-x;}
ul.siteMap li ul li ul {margin:0 0 10px 0; background: url(pixel.gif) right 0 repeat-y ;}
ul.siteMap li ul li ul li {padding:0 30px 0 0;}

.content .list{margin:0 0 20px 0;} .content .list li{margin:0; list-style:none;}

/*
 Footer ---------------------------------------*/

.footer{font-size:11px; color:#8c8c8c; width:962px; margin-top:10px; padding:15px 10px; float: right; position:relative;}
.logos{ height:34px; margin-left:15px; padding-right:7px; float: right; border-left:1px solid #e7e7e7;}
.logos img{ margin-left:10px; float: right;}
.ftrNav{margin-bottom:6px;}
.comm{ position:absolute;left:20px; top:0;}

/*
 Members ---------------------------------------*/
 
.dataTable { width: 100%; border-collapse: collapse; margin-bottom: 15px;}
.dataTable th, .dataTable td { text-align: left; padding: 5px 7px; border-bottom: 1px solid #deecf5;}
.dataTable th{color: #005699; background: #f8f8f8;}
.updBtn input{width:68px; height:21px; cursor:pointer; border:0; background:url(bg.gif) 0 -83px no-repeat;}

.alphabet{height: 20px; margin: 0 0 15px 0;}
.alphabet a, .alphabet strong{ line-height: 14px; margin: 0 1px 0 0; padding: 0 3px; float: left; border: 1px solid #dedede;}
.alphabet strong{border-color: #c5e9f8; background: #e6f8ff;}

.nameMemb{ width: 475px; position: relative;}
.nameMemb a { font-weight: bold;}
.membDetail{width: 200px; padding: 8px; position: absolute; right: 0; top: 0; border: 1px solid #dddddd; background: #f5f4ee;}
.membThum{width: 80px; margin: 0 0 7px 0; padding: 2px; border: 1px solid #a4d0f9;}

.membDetail p{margin-bottom: 10px;}
.moreNav li{padding: 5px; border-bottom: 1px solid #ededed;}

.regForm{width: 600px;}

.regForm p, .regForm div{width: 500px; overflow: hidden;}
.regForm label{width: 100px; padding-left: 5px; float: left;}
.regForm input, .regForm select, .regForm textarea{font:inherit; width:265px; padding:1px; float:left; border:1px solid #abadb3; border-left-color:#dbdfe6;  border-right-color:#dbdfe6; border-bottom-color:#e3e9ef; background:#eef3f6;}

.regForm select{ width: 269px;}
.regForm .shift { width: 100px; padding-left: 105px;}
.regForm .btn{width:68px; height:21px; cursor:pointer; border:0; background:url(bg.gif) 0 -83px no-repeat;}

.regForm .radio input{margin:2px 5px;} .regForm .radio label{padding-left:0;}

.regForm .shortInput input{width: 83px; margin-right: 4px;}
.regForm .shortInput select{width: 87px; margin-right: 4px;}
.regForm table input, .regForm div input{width: auto; padding: 0; float: left; border: 0; background: none;}
.mberNewInfo{margin-bottom: 20px; border-collapse: collapse; border: 1px solid #eee;}
.mberNewInfo th, .mberNewInfo td{text-align: left; padding: 3px 4px; border-bottom: 1px solid #eee;}
.mberNewInfo th{background:#f7fbfe;}
.mberNewInfo .btn{width:68px; height:21px; margin-right:5px; cursor:pointer; border:0; background:url(bg.gif) 0 -83px no-repeat;}
.final{margin-top:15px; padding:10px; border-top:1px solid #dbdfe6; background:#f7fbfe;}
.policy{padding: 10px; border: 1px solid #dbdfe6;}

.loginResult p{margin-bottom:10px;}
.loginResult select{width:188px; margin-bottom:6px;}

table.newsGroup, table.newsGroup td{ border-width: 0;}
table.newsGroup td{ padding: 10px 0; border-bottom: 1px dotted #dcdcdc;}

/*
  Easy slider ---------------------------------*/
#prevBtn, #nextBtn, #slider1prev, #slider1next, #slider2prev, #slider2next{display:block; overflow:hidden; text-indent:-9999px;}

#slider li{width:620px; height:285px; overflow:hidden;}

#slider2 li{width:200px; height:210px; overflow:hidden;}

#slider1next, #slider1prev{display:block; width:19px; height:19px; position:absolute; right:565px; top:265px; z-index:1000;}
#nextBtn, #slider1next{ right:590px;}

#slider1next a, #slider1prev a{display:block; position:relative; width:19px; height:19px; background:url(btn_prev.png) 0 0 no-repeat; text-decoration:none;}
	
#slider2next, #slider2prev{display:block; width:21px; height:21px; position:absolute; right:0; top:85px; z-index:1000;}
#nextBtn, #slider2next{ right:197px;}

#slider2next a, #slider2prev a{display:block; width:21px; height:21px; background:url(btn_prev.png) 0 0 no-repeat;}
#slider2next a{background:url(btn_next.png) 0 0 no-repeat;}
											
#slider1next a{background:url(btn_next.png) 0 0 no-repeat;}
#slider2{width:222px; height:190px; overflow:hidden;}
/*-- to friend --*/

.ajxLodrXl{margin:50px 0;}

#popupMask {position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .5; filter: alpha(opacity=50); background-color:transparent !important; background-color: #333333; background-image/**/: url(maskBG.png) !important; /* For browsers Moz, Opera, etc.*/ background-image:none; background-repeat: repeat; display:none;}
#popupContainer {padding: 0px; position: absolute; top: 0px; left: 0px; display:none; z-index: 1401;}
#popupInner {border-width: 1px; border-style: solid; border-color: #4f4f4f #000000 #000000 #4f4f4f; background: #fffded;}
#popupFrame {margin: 0px; width: 100%; height: 100%; position: relative; z-index: 1402;}
#popupTitleBar{ height:33px;padding:0 10px; position:relative; z-index:1003; border-bottom:1px solid #72adf4; background:#9ec9ff;}
#popupTitleBar img{margin-top:10px; float:right;}
#popupTitleBar h3{font:bold 15px Arial, sans-serif; color:#003781; line-height:33px; float:left;}

.photoGallery {
    margin-right: 100px;
    padding: 0;
    margin-top:20px;
}
.photoGallery tr td {

       color: #CB8A13;
    font: 12px Batelco DemiBold,tahoma;
    height: 20px;
    padding: 5px 0;
     
text-align:center;

  
}
.photoGallery .ddlPhoto {
    border: 1px solid #CB8A13;
    color: #CB8A13;
    font: 12px Batelco DemiBold,tahoma;
    height: 20px;
    text-align: left;
    width: 300px !important;
}
.photoGallery .titleText {
    color: #CB8A13;
    font: bold 11px Batelco DemiBold,tahoma;
    margin: 0 0 5px;
    padding: 0 15px 0 0;
}
.groupTitleinner {
    color: #CB8A13;
    font: bold 13px Batelco DemiBold,tahoma;
    margin-right: 10px;
}
.photoGallery small {
    color: #CB8A13;
    font: bold 12px Batelco DemiBold,tahoma;
    margin: 0;
    padding: 3px 0;
}
.photoGallery .dis {
    color: #A7A7A7;
    font: bold 11px Batelco DemiBold,tahoma;
    margin: 0 0 5px;
    padding: 0 15px 0 0;
}
.photoGallery .bigPhoto {
    border: 1px solid #333333;
    margin: 0;
    max-width: 400px;
    padding: 3px;
}
.photoGallery p {
    color: #A7A7A7;
    font: 12px/16px Batelco DemiBold,tahoma;
    margin: 0 0 10px;
    padding: 0;
    text-align: justify;
}
.photoGallery .title_text_sub {
    color: #777777;
    font: 13px Batelco DemiBold,tahoma;
    margin-left: 10px;
    text-decoration: none;
}
.photoGallery .bigPhoto {
    border: 1px solid #CB8A13;
    padding: 2px;
max-width: 400px;
}
.photoGallery .NormalText {
    color: #CB8A13;
    font: 12px/16px Batelco DemiBold,tahoma;
    margin: 0 10px 0 110px;
    padding: 0 15px 0 0;
    text-align:center;
    width: 395px;
}
.rmFloat{float:left;}
.nextPrev {
    color: #330000;
    text-align: center;
}
.nextPrev a {
    border: 1px solid #CB8A13;
    color: #CB8A13;
    display: inline;
    font-size: 10px;
    font-style: normal;
    margin: 0 1px;
    padding: 1px 3px;
    text-decoration: none;
}
.nextPrev .currentPage {
    background-color: #0033FF;
    color: #FFFFFF;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}
.nextPrev img {
    cursor: pointer;
    margin: 0 3px;
    padding: 0;
}
.nextPrev .imgOver {
    border: 1px solid #CB8A13;
}
#Table2 {
    width: 80px;
margin: 0 auto;
}
#photo {
    width: 400px;}
  
.opening {
    background: url("opening.gif") no-repeat scroll center 0 transparent;
    color: #FFFFFF;
    float: right;
    height: 70px;
    margin-bottom: 20px;
    padding: 5px 20px;
    width: 865px;
}
.opening a {
    color: #FFFFFF;
}
.opening h2 {
    color: #FFFFFF;
    float: right;
    font-size: 24px;
    padding: 11px 10px 0 0;
    width: 150px;
}
.nav {
    background: url("date.png") repeat scroll 0 0 transparent;
    bottom: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    width: 720px;
}
.nav a {
    padding: 0 20px;
}
.panel {
    float: right;
    height: 60px;
    padding-top: 10px;
    position: relative;
    width: 700px;
}

.oTxt{font-size:14px; line-height:1.8; letter-spacing:1px; margin-top:6px; float:right;}
.oTxt span{font-size:16px; letter-spacing:0px; font-weight:bold;}

.oTime{padding:1px; float:left; background:url(date.png) 0 0 repeat; width:414px;}

.oTime h6{ font-size:14px; color:#ccc; line-height:64px; margin:0 15px; float:right;}

.oDate{ font-size:9px; color:#fff; text-align:center; text-transform:uppercase; line-height:1.2; width:60px; height:60px; margin-right:1px; padding:4px; float:left;  background:url(date2.png) 0 0 no-repeat;}
.oDate span{font-size:44px; color:#000;}
/* Popup */
	#panel {
	background: #FCFDFE;
	display: none;
	position: fixed;
	left:0;
	bottom:0;

	z-index:1000;
	
}
#panel .modaltop
{
	background-color: #fff;
      padding:4px;
    
    height: 16px;
    text-align: right;
}
#panel #closebutton
{
	cursor: pointer;
}
#panel .body
{
	padding: 0px;
}


#socialmedia {
    right: -5px;
    position: fixed;
    top: 50px;
    z-index: 1000;
}
#socialmedia ul li {
    background: none repeat scroll 0 0 transparent;
    height: 100px;
    margin: 0;
    position:relative;
}
#socialmedia ul li:hover {
    margin: 0 0 0 5px;
}
#socialmedia ul li .socialmedia {
    background: url("../images/spacer.png") repeat scroll left top transparent;
    border-radius: 6px 6px 6px 6px;
    display: none;
    margin: -93px 45px 0;
    padding: 0;
    position: absolute;
	left:-370px;
    width: auto;
    top:90px;
}
#socialmedia ul li:hover .socialmedia {
    display: block;
}
#socialmedia ul li#fbWidget .socialmedia {
}
#socialmedia ul li#fbWidget.on .socialmedia {
}
#socialmedia ul li#fbWidget.on {
}
#socialmedia ul li#fbWidget.off .socialmedia {
}
#socialmedia ul li .socialmedia .socialmedia-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 5px;
    padding: 8px;
}
#socialmedia ul li .socialmedia #youtubeWrapper.socialmedia-content {
    max-height: 410px;
    overflow: hidden;
}
#socialmedia ul #youtubeWrapper ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    display: none;
    font-size: 0.85em;
    margin: 0;
}
#socialmedia ul #youtubeWrapper ul li + li {
    display: block;
}
#socialmedia ul #youtubeWrapper ul li a {
    display: inline;
    float: left;
}
#socialmedia ul #youtubeWrapper ul li label {
    display: inline;
    float: right;
    margin: 5px;
    max-height: 80px;
    overflow: hidden;
    width: 130px;
}
#socialmedia ul #youtubeWrapper #playerContainer {
    height: 180px;
    margin: 0 0 77px;
}
#socialmedia ul #youtubeWrapper #YTvideos {
    height: 90px;
    overflow-y: auto;
}
#socialmedia ul li .youtube {
    height: 35px;
    min-width: 275px;
    padding: 3px;
}
#socialmedia ul li .youtube h4 {
    float: left;
}
#socialmedia ul li .youtube button {
    background: url("../images/youtube-subscribe.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    margin: -2px -5px;
    min-height: 25px;
    padding: 0;
    width: 80px;
}
#socialmedia ul li .youtube button:hover {
    color: #FFFFFF;
}
.mapvisitors
{
float:left;
margin-left:17px;
}

/*
offices
---------------------------------------------- */
.bulletinYear{font-size:12px; margin-top: 20px; padding:5px;}
.bulletinYear select{font-size:13px; padding:3px;}


.offices {
min-height:120px; margin:0; padding: 15px 0;}

.offices ul{
	margin:0 0 5px 0;
	line-height: 19px !important;}
	
.offices ul li{
 list-style-type:none;
 background:none;
 border-bottom:none !important;
 margin:0;
 padding:1px;}
 
.offices ul li:first-child{font-weight:bold;}
.offices ul .mainText{color:#999;}
#divTop{display:none;}

.offices h3{
	color: #a84200;
	font: normal 20px Arial; border-bottom: 1px solid #CCCCCC; 
padding-bottom: 5px;}

.offices h4{
	font: normal 18px Arial;
	margin: 20px 0 5px 0;	
	border-right: 5px solid #a84200;
	padding: 0 10px 0 0;
	color: #a84200;
	clear:both;
}
.offices a{
	color: #ca4f00;
	font: bold 12px Arial;
}

.offices strong{
	font: bold 13px Arial;
}
.offices  .selects {
	padding: 2px;
	width: 300px;
	margin: 10px 0 10px 0;
	border: 1px solid #ebd3c1;}

.officeimage {
    float: left;
    margin: 15px 0 0 17px;
    padding: 1px;
	width:80px; border: 1px solid #CCCCCC;}

.officeimage a {
    display:block;
    font-size:10px;
    line-height: 18px;
    text-align: center;
}

/*new slider*/
.wrap { width:940px; margin:20px 0; float:right; }
.slider{ overflow:hidden; position:relative; width:99%; height:220px !important; padding-top:20px; border:4px solid #fdd55a; border-radius:5px;background-image:linear-gradient(to right,#1876B5, #0BA79B);}
.slider ul{ margin:0; padding:0; height:180px; }
.slider li{text-align:center; float:right; margin:0 -4px;}
.slider li a{display:block;}
.slider li img{margin-bottom:10px;}

.controls{text-align:center; padding:5px; border-bottom:1px solid #ccc; }
.next-slide{}
.prev-slide{}
.descBook {width:185px; color:#fff;font-weight:bold;}

.ExamBanner{border: 1px solid #a5caf5;border-radius: 5px; margin: 20px 22px 20px 0; width: 295px; float:right;height: 240px !important; }

.txtBnr{margin: 10px;background:#feeac4;}
.txtNew{font-size:30px; height:100px;padding:10px;}
.txtNew span{color:rgb(228, 138, 5);}