@font-face {
  font-family: "BBCNassim";
  src: url("../fonts/BBC/bbc-nassim-regular.eot");
  src: local("BBCNassim"),
    url("../fonts/BBC/bbc-nassim-regular.woff") format("woff"),
    url("../fonts/BBC/bbc-nassim-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BBCNassim";
  src: url("../fonts/BBC/bbc-nassim-bold.eot");
  src: local("BBCNassim"),
    url("../fonts/BBC/bbc-nassim-bold.woff") format("woff"),
    url("../fonts/BBC/bbc-nassim-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "moh";
  src: url("../fonts/moh/Hacen Digital Arabia.eot");
  src: local("moh"),
    url("../fonts/moh/Hacen Digital Arabia.woff") format("woff"),
    url("../fonts/moh/Hacen Digital Arabia.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


img {
    border: medium none;
}
* {
    outline: medium none;
}
textarea {
    resize: none;
}
html {
    
}
ul, li, ol {
    list-style: none outside none;
}
a {
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}
body {
    float: right;
    height: 100%;
    margin: 0;
    width: 100%;
	font-family:BBCNassim;
	background-color:#04444d;
}
.main{
	float:right;
	position:relative;
	width:100%;
	height:100%;
}
.outer_page{
	float:right;
	position:relative;
	width:100%;
	height:100%;
	
}
.innert_page{
	margin:auto;
	width:1015px;
	min-height:500px;
	position:relative;
}
.in_page{
	float:right;
	position:relative;
	min-height:500px;
	width:983px;
	margin-bottom:15px;
	background:url(../images/in_page_bg.png) top left no-repeat ,#066370 ;
	border-bottom-left-radius:10px;
	-o-border-bottom-left-radius:10px;
	-ms-border-bottom-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-o-border-bottom-right-radius:10px;
	-ms-border-bottom-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
.top_div{
	float:right;
	position:relative;
	width:100%;
	height:35px;
	background-color:#FFF;
}
.header{
	float:right;
	position:relative;
	width:983px;
	height:107px;
}
.logo{
	float:right;
	position:relative;
	height:94px;
	width:437px;
	top:0;
	right:10px;
	background:url(../images/logo.png) center no-repeat;
}
.left_logo{
	float:left;
	position:relative;
	height:107px;
	width:395px;
	background:url(../images/left_logo.png) left no-repeat;
}
.top_menu{
	float:right;
	position:relative;
	margin-right:10px;
	height:45px;
	width:960px;
	border:1px solid #048193;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background:url(../images/menu_bd.jpg) repeat-x ;
	margin-bottom:10px;
}
.page{
	float:right;
	position:relative;
	width:963px;
	min-height:1050px;
	margin-right:10px;
	border-radius:10px;
	-o-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#FFF;
}
.bottom_ul{
	list-style:none;
	position:relative;
	width:95%;
	margin:auto;
	padding:0;
	margin-top:10px;
}
.bottom_ul li {
	float:right;
	position:relative;
	width:130px;
	line-height:30px;
	
}
#cssmenu ul {
	 margin: 0; 
	 padding: 0;
	 float:right;
	 position:relative;
	 }
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {
	 height: 45px;
	 width:755px;
	 float:right;
	 position:relative;
	 }


#cssmenu > ul > li {
    float:right;
    position: relative;
	background:url(../images/border_menu.png) left  center no-repeat ;
}
#cssmenu > ul > li:last-child {
	background:none;
}

#cssmenu > ul > li > a {
    color:#FFF;
    font-size: 17px;
    line-height: 45px;
	-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}
#cssmenu > ul > li > a >span{
	padding-left:10px;
	padding-right:10px;
}

#cssmenu > ul > li > a:hover {color:#DCDCDC; }


#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
	background-color:#048294;
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		z-index:5;
}

#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 48px;
    visibility: visible;
}

#cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent #048294 transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
	
}
.contentbox{
			width:280px; 
			height:150px; 
			float:left; 
			padding:5px;
			padding-top:0;

		}
.vote_q{
	width:245px;
	background:#666666;	
	border:#c1c1c1 1px solid;
	padding:10px;
	radius:7px;
	border-radius:7px;
	-moz-border-radius:7px;
	color:#FFF;
	text-align:right;
	margin:auto;
	margin-bottom:10px;
	font-size:20px;
}
.vote_a{
	background:url(../images/vote_a.jpg) repeat-x bottom;
	border:#e5e4e4 1px solid;
	radius:7px;
	border-radius:7px;
	-moz-border-radius:7px;
	padding:7px;
	width:245px;
	float:right;
	text-align:right;
	color:#666666;
	margin-bottom:4px;
	direction:rtl;
	margin-right:7px;
}


.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		


.meter { 
			height: 10px;  /* Can be anything */
			position: relative;
			margin:  0; /* Just for demo spacing */
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			padding: 3px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}
#cssmenu > ul ul > li { position: relative;}
#cssmenu > ul ul > .has-sub {
	background:url(../images/row2.png) left 15px center no-repeat;
}
#cssmenu > ul ul ul > .has-sub {
	background:url(../images/row2.png) left 15px center no-repeat;
}
#cssmenu ul ul a{
    color:#FFF;
    font-size: 17px;
    text-align:center;
	width:100%;
	height:30px;
	  padding-bottom:5px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
		text-align:right;
		direction:rtl;
		background:url(../images/a_boder.png) bottom center no-repeat;
}

#cssmenu ul ul a > span{
width:100%;
	line-height:25px;
	text-align:center;
	float:right;
	position:relative;
	padding-top:5px;
}

#cssmenu ul ul a:hover {background-color: rgb(250,250,250); color:#066370;}

#cssmenu ul ul ul ul{
	right: 20px;
}
#cssmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    right: 206px;
    padding: 16px 0 20px 0;
    background-color:#048294;
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
  
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#cssmenu > ul > .has-sub{
	background:url(../images/row.png) bottom 7px center no-repeat , url(../images/border_menu.png) left no-repeat;
}




#cssmenu ul ul > li:hover > ul { opacity: 1; right: 185px; visibility: visible;  top:10px;}
#cssmenu ul ul ul > li:hover > ul { opacity: 1; right: 163px; visibility: visible; top:10px;}


#cssmenu ul ul a:hover{
    background-color: rgb(250,250,250); color:#066370;
}
.search_box{
	float:right;
	position:relative;
	width:184px;
	height:32px;
	background:url(../images/search_bg.png) no-repeat center;
	margin-top:7px;
	margin-right:5px;
}
.search_txt{
	float:right;
	position:relative;
	height:28px;
	margin-top:0px;
	padding-right:10px;
	padding-left:5px;
	width:137px;
	background:none;
	border:none;
	color:#fff;
	direction:rtl;
}
.search_btn{
	float:left;
	position:relative;
	background:none;
	border:none;
	cursor:pointer;
	
	width:25px;
	height:25px;
	margin-top:3px;
	margin-left:5px;
}
.main_news{
	float:right;
	position:relative;
	width:935px;
	height:322px;
	background-color:#dcdcdc;
	border-radius:10px;
	-o-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top:13px;
	margin-right:13px;
}

#featured{ 
	width:915px; 
	position:relative;  
	height:298px;
	float:right;
	margin-right:10px;
	margin-top:10px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	right:0; 
	list-style:none; 
	padding:0; margin:0; 
	width:373px; 
	height:298px;
	
}

#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-right:0px;  
	font-size:12px; 
	color:#666;
	height:73px;
	background:url(../images/news_boder.jpg) repeat-x ;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li h1{ 
	font-size:14pt; 
	line-height:25px;
	direction:rtl;
	text-align:right;
	float:right;
	
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:73px; 
	color:#003654;  
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a, #featured ul.ui-tabs-nav li.ui-state-focus a{ 
	background:#07606c;
	color:#FFF;
}
#featured .ui-tabs-panel{ 
	width:542px;
	 height:298px; 
	background:#999; 
	position:relative;
	
}
#featured .ui-tabs-panel img{
	width:100%;
	height:100%;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:235px; left:11px; 
	height:54px;
	width:520px;
	background-color:rgba(7,96,108,0.7);
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
		
}
#featured .info h2{ 
	font-size:14pt;  
	color:#fff; padding:5px; margin:0;
	padding-right:15px;
	overflow:hidden; 
	float:right;
	text-align:right;

	direction:rtl;
	padding-right:25px;
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
	float:right;
	text-align:right;
	direction:rtl;
	padding-right:10px;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 

}

#featured .info a:hover{  
}
#featured .ui-tabs-hide{ 
	display:none; 
}
.education_cont{
	float:right;
	position:relative;
	width:935px;
	height:322px;
	margin-top:10px;
	margin-right:13px;
}
.last_cont{
	float:right;
	position:relative;
	width:935px;
	height:253px;
	margin-top:13px;
	margin-right:13px;
}
.education_cont .edu_news{
	float:right;
	position:relative;
	width:305px;
	height:322px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
	margin-left:10px;
}
.education_cont > div:last-child{
	margin-left:0;
}

.tow{
	float:right;
	position:relative;
	width:305px;
	height:253px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
	margin-left:10px;
}
.one{
	float:right;
	position:relative;
	width:305px;
	height:253px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
	margin-left:10px;
}
.three{
	float:right;
	position:relative;
	width:305px;
	height:253px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
}
.cont{
	float:right;
	position:relative;
	width:100%;
	height:65px;
	margin-top:5px;
}
.news_img{
	float:right;
	position:relative;
	height:65px;
	width:75px;
	background-color:#FFF;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #f1f1f1;
	margin-right:5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.5s;
}
.news_cont:hover .news_img{
	background-color:#1B585B;
}
.news_img img{
	float:right;
	position:relative;
	margin-top:3px;
	margin-right:3px;
	height:59px;
	width:69px;
	background-color:#f1f1f1;
}
.news_desc{
	float:right;
	position:relative;
	width:200px;
	height:67px;
}
.news_desc a{
	float:right;
	position:relative;
	padding-right:8px;
	direction:rtl;
	text-align:right;
	color:#1b585b;
	line-height:22px;
	font-size:17px;
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.5s;
}
.news_cont:hover .news_desc a{
	color:#FA7A04;
}
.date3{
	float:right;
	position:relative;
	min-width:75px;
	float:right;
	position:relative;
	margin-right:10px;
	background:url(../images/clock.png) top  right no-repeat;
	line-height:19px;
	margin-top:8px;
	padding-right:24px;
}
.date3 span{
	float:right;
	direction:rtl;
	text-align:right;
	font-size:14px;
	color:#999999;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:18px;

	
}
.news_detailes{
	float:right;
	position:relative;
	width:100%;
	height:138px;
}
.news_detailes span{
	float:right;
	position:relative;
	padding:10px;
	font-size:17px;
	color:#333333;
	direction:rtl;
	text-align:justify;
	line-height:20px;
	padding-top:7px;
	padding-bottom:5px;
}
.read_more{
	float:right;
	position:relative;
	width:100%;
	height:30px;
	background:url(../images/more_border.png) top center no-repeat;
	
}
.read_more a{
	float:left;
	position:relative;
	height:8px;
	background:url(../images/read.png) left top  no-repeat ;
	padding-left:13px;
	line-height:7px;
	margin-top:10px;
	margin-left:5px;
	color:#565656;
}
.news_cont:hover .read_more a{
	color:#FA7A04;
	background-position:bottom left;
}


.news_cont{
	float:right;
	position:relative;
	height:306px;
	width:290px;
	background:url(../images/edu_bg.jpg) repeat-x;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #cfcfcf;
	margin-top:7px;
	margin-right:7px;
	
}
.news_cont:hover .title{
	color:#066370;
}
.news_title{
	float:right;
	position:relative;
	height:35px;
	width:100%;
	padding-top:5px;
}
.news_title1{
	float:right;
	position:relative;
	height:40px;
	width:100%;
	margin-top:5px;
}
.news_title2{
	float:right;
	position:relative;
	height:40px;
	width:100%;
	margin-top:5px;
}
.news_title3{
	float:right;
	position:relative;
	height:40px;
	width:100%;
	margin-top:5px;
}
.news_icon{
	float:right;
	position:relative;
	height:20px;
	width:20px;
	background:url(../images/news_icon.png) top center no-repeat ;
	margin-top:5px;
	margin-right:10px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.news_icon1{
	float:right;
	position:relative;
	height:20px;
	width:20px;
	background:url(../images/poll.png) top center no-repeat ;
	margin-top:5px;
	margin-right:10px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.news_icon2{
	float:right;
	position:relative;
	height:20px;
	width:20px;
	background:url(../images/visit.png) top center no-repeat ;
	margin-top:5px;
	margin-right:10px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.news_icon3{
	float:right;
	position:relative;
	height:20px;
	width:20px;
	background:url(../images/date.png) top center no-repeat ;
	margin-top:5px;
	margin-right:10px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.news_cont:hover .news_icon{
	background-position:bottom;
}
.news_cont:hover date3{
	background-position:bottom right;
}

.title{
	float:right;
	position:relative;
	margin-right:10px;
	line-height:35px;
	font-size:17pt;
	color:#fa7a04;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.title2{
	float:right;
	position:relative;
	margin-right:10px;
	line-height:35px;
	font-size:17pt;
	color:#fa7a04;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.title1{
	float:right;
	position:relative;
	margin-right:10px;
	line-height:35px;
	font-size:17pt;
	color:#fa7a04;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}
.title3{
	float:right;
	position:relative;
	margin-right:10px;
	line-height:35px;
	font-size:17pt;
	color:#fa7a04;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
}

.adver{
	float:right;
	position:relative;
	width:935px;
	height:90px;
	margin-top:0px;
	margin-right:13px;
	
}
.one_adv{
	float:right;
	position:relative;
	height:80px;
	width:305px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
	margin-top:10px;
	/*margin-right:13px;*/
}
.one_adv img{
	width:305px;
	height:80px;
	float:right;
	position:relative;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
}
.two_adv{
	float:right;
	position:relative;
	height:80px;
	width:305px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
	margin-right:10px;
	margin-top:10px;
}
.two_adv img{
	width:305px;
	height:80px;
	float:right;
	position:relative;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
}
.three_adv{
	float:right;
	position:relative;
	height:80px;
	width:305px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
	margin-right:10px;
	margin-top:10px;
}
.three_adv img{
	width:305px;
	height:80px;
	float:right;
	position:relative;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
}
.footer{
	float:right;
	position:relative;
	min-height:100px;
	width:100%;
}
.menu{
	float:right;
	position:relative;
	min-height:50px;
	width:135px;
	margin-top:15px;
	margin-right:20px;
}
.link{
	float:right;
	position:relative;
	line-height:25px;
	direction:rtl;
	text-align:right;
	color:#FFF;
	font-size:17px;
	width:100%;
	
}
.link span{
	-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.link:hover{
	color:#fb9130;
}
.link:hover span{
	margin-right:5px;
}
.poll{
	float:right;
	width:290px;
	height:238px;
	position:relative;
	margin-right:7px;
	margin-top:7px;
	background:url(../images/bg_poll.jpg) repeat-x;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;

	-webkit-border-radius:5px;
	border:1px solid #cfcfcf;
}
.poll_cont{
	float:right;
	position:relative;
	min-height:50px;
	width:100%;
	display:none;
}
.poll_qu{
	float:right;
	position:relative;
	width:270px;
	height:52px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#666666;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:3px;
}
.poll_result{
	float:right;
	position:relative;
	height:34px;
	width:268px;
	margin-right:10px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background:url(../images/poll.jpg) repeat-x ;
	border:1px solid #dad9d9;
	margin-top:5px;
}
.poll_result span{
	float:right;
	position:relative;
	font-size:17px;
	color:#666666;
	direction:rtl;
	line-height:34px;
}
.poll_qu span{
	float:right;
	position:relative;
	color:#FFF;
	font-size:17px;
	padding:10px;
	direction:rtl;
}
.poll_radio{
	float:right;
	position:relative;
	margin-right:10px;
	margin-top:10px;
	
}
.poll_link{
	float:left;
	position:absolute;
	left:0;
	width:28px;
	min-height:85px;
}
.linke1{
	position:relative;
	float:left;
	width:28px;
	height:85px;
	background:url(../images/poll2.png) no-repeat left ;
	margin-left:-28px;
	margin-top:32px;
	z-index:2;
	cursor:pointer;
}
.linke2{
	position:relative;
	float:left;
	width:28px;
	height:85px;
	background:url(../images/poll3.png) left no-repeat  ;
	margin-left:-28px;
	margin-top:100px;
	z-index:1;
	cursor:pointer;
}
.done{
	z-index:3;
	background-position:right;
}
.one{
	background-color:#FFF;
}
.visitor{
	width:100%;
	height:145px;
	float:right;
	position:relative;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
}
.visitor_cont{
	float:right;
	position:relative;
	width:290px;
	height:131px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:7px;
	margin-right:7px;
	background:url(../images/visitor_bg.jpg) repeat-x ;
}
.counter span{
	padding-left:7px;
	color:#4b4b4b;
	font-family:monospace;
	direction:rtl;
	float:left;
	font-size:12pt;
	
}
.counter{
	float:right;
	position:relative;
	min-width:200px;
	padding-right:25px;
	min-height:20px;
	font-size:16px;
	color:#056d72;
	direction:rtl;
	text-align:right;
	line-height:20px;
	
}
.counter div:last-child{
	color:#cc450e;
}
.last_adv{
	width:100%;
	height:100px;
	margin-bottom:10px;
	float:right;
	position:relative;
}
.last_adv > a{
	float:right;
	position:relative;
	height:100%;
	width:95px;
	margin-left:10px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
}
.right_adv{
	float:right;
	position:relative;
	height:100px;
	width:95px;
	margin-left:10px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
}
.right_adv img{
	float:right;
	position:relative;
	width:95px;
	height:100px;
}
.med_adv{
	float:right;
	position:relative;
	height:100px;
	width:95px;
	margin-left:10px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
}
.med_adv img{
	float:right;
	position:relative;
	width:95px;
	height:100px;
}
.left_adv{
	float:right;
	position:relative;
	height:100px;
	width:95px;
	margin-left:0px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#d4d4d4;
}
.left_adv img{
	float:right;
	position:relative;
	width:95px;
	height:100px;
}

.last_adv > a > img{
	float:right;
	position:relative;
	width:95px;
	height:100px;
}
.last_adv > a:last-child{
	margin-left:0;
}
.copy{
	float:right;
	position:relative;
	width:935px;
	margin-right:22px;
	line-height:40px;
	border-top:1px solid #035762;
	margin-top:10px;
	font-size:14px;
	color:#73cdff;
	direction:rtl;
	text-align:center;
}
.social{
	float:left;
	position:absolute;
	left:-32px;
	height:160px;
	width:30px;
	background:url(../images/social_bg.png) top no-repeat;
}
.social > a:hover{
	background-position:bottom;
}
.tube{
	float:right;
	position:relative;
	width:22px;
	height:22px;
	background:url(../images/tube.png) top no-repeat ;
	margin-top:5px;
	margin-bottom:8px;
	margin-right:4px;
}
.face{
	float:right;
	position:relative;
	width:22px;
	height:22px;
	background:url(../images/face.png) top no-repeat ;
	margin-bottom:8px;
	margin-right:4px;
}
.twitter{
	float:right;
	position:relative;
	width:22px;
	height:22px;
	background:url(../images/twitter.png) top no-repeat ;
	margin-bottom:8px;
	margin-right:4px;
}
.rss{
	float:right;
	position:relative;
	width:22px;
	height:22px;
	background:url(../images/rss.png) top no-repeat ;
	margin-bottom:8px;
	margin-right:4px;
}
.date_sa{
	float:left;
	position:relative;
	min-width:200px;
	line-height:35px;
	color:#868686;
	font-size:15px;
	direction:rtl;
	text-align:right;
	margin-left:35px;
}
.top_cont{
	margin:auto;
	position:relative;
	height:35px;
	width:1015px;
	z-index:5;
	
}
.top_link{
	float:left;
	margin-left:20px;
	position:relative;
	min-height:120px;
	height:35px;
}
.top_link a:hover{
	background-position:bottom;
}
.msg{
	float:left;
	position:relative;
	background:url(../images/message.png) top center no-repeat;
	height:35px;
	width:40px;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
	border-left:1px solid #d3d3d3;
}
.links{
	float:left;
	position:relative;
	background:url(../images/links.png) top center no-repeat;
	height:35px;
	width:40px;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
	border-left:1px solid #d3d3d3;
}
.home{
	float:left;
	position:relative;
	background:url(../images/home.png) top center no-repeat;
	height:35px;
	width:40px;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
	border-left:1px solid #d3d3d3;
}
.login{
	position:absolute;
	float:left;
	left:-41px;
	height:125px;
	width:29px;
	background:url(../images/login.png) left no-repeat;
	top:80px;
}
.login:hover{
	background-position:right ;
}
.login_form{
	float:right;
	position:relative;
	width:360px;
	min-height:200px;
}
.login_form .login_title{
	float:right;
	position:relative;
	line-height:40px;
	font-size:22px;
	width:100%;
	color:#04444d;
	border-bottom:1px solid #fa7a04;
	margin-bottom:5px;
	margin-top:5px;
}
.login_title span{
	padding-right:30px;
	float:right;
	text-align:right;
	direction:rtl;
}
.input span{
	float:right;
	position:relative;
	line-height:35px;
	font-size:17px;
	padding-right:10px;
	color:#04444d;
	direction:rtl;
	text-align:right;
	min-width:100px;
	background-color:#FFF;
}
.input3 span{
	float:right;
	position:relative;
	line-height:35px;
	font-size:17px;
	padding-right:10px;
	color:#04444d;
	direction:rtl;
	text-align:right;
	min-width:100px;
	background-color:#FFF;
}
.input input{
	float:right;
	position:relative;
	margin-top:2px;
	direction:rtl;
	width:180px;
	padding-right:5px;
	padding-left:5px;
	height:30px;
	color:#333;
	margin-right:5px;
	border:none;
	background-color:#d6d6d6;
	
}
.input{
	float:right;
	position:relative;
	line-height:35px;
	width:100%;
	margin-top:5px;
}
.input3 input{
	float:right;
	position:relative;
	margin-top:2px;
	direction:rtl;
	width:110px;
	padding-right:5px;
	padding-left:5px;
	height:30px;
	color:#333;
	margin-right:5px;
	border:none;
	background-color:#d6d6d6;
	
}
.code img{
	float:left;
	position:relative;
	height:30px;
	width:110px;
	margin-top:5px;
}
.input3{
	float:right;
	position:relative;
	line-height:35px;
	width:100%;
	margin-top:5px;
}
.input2{
	float:right;
	position:relative;
	line-height:35px;
	width:100%;
	margin-top:5px;
}
.rem{
	float:right;
	position:relative;
	width:200px;
	direction:rtl;
	padding-right:110px;
	color:#666666;
	font-size:16px;
	line-height:40px;
}
.rem a{
	color:#666666;
	line-height:40px;
}
.rem a:hover{
	color:#fa7a04;
}
.log_btn{
	float:right;
	position:relative;
	height:35px;
	font-size:16px;
	background-color:#fa7a04;
	border:none;
	float:left;
	color:#FFF;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.3s;
	
}
.log_btn:hover{
	background-color:#066370;
	
}
#datepicker2{
	float:right;
	position:relative;
	width:280px;
	margin-right:5px;
	min-height:50px;
}









.clear{clear:both;}

#content {
  width: 975px;
  direction:rtl;
  position: relative;
  margin: 0 auto;
  background: #ececec;
}
/* Site Head */
.header-navbar {
  margin-bottom: -32px;
  float: left;
  color: #93A9C1;
  padding-top: 7px;
  font-family: Tahoma;
  font-size: 12px;
}
#active{
  color: #F2F2F2;
}
.header-navbar-content{
  margin-top: -2px;

}
.header-navbar-content a{
  color: #93A9C1;font-size: 12px;
}

.header-navbar-content a:hover{
  color: #F2F2F2;
}

#word-search{
   background: #145092;
   border: 1px solid #0d387e;
   padding: 3px;
   font-family: Tahoma;
   color: #D8D8D8;
}
.submit-search{
  background: #ddd;
  color: #145092;
  border:0px;
  padding: 3px 0px 3px 5px;
  width: 50px;
  text-align: center;
}

#header {
  background: url(../images/hed-c.jpg) repeat-x top;
  height: 162px;
}

.Hed-R{
  float: right;
  width: 382px;
  background: url(../images/hed-logo.jpg) no-repeat right top;
  height: 162px;
}

.Hed-L{
  float: left;
  width: 7px;
  background: url(../images/hed-L.jpg) no-repeat left top;
  height: 162px;
  }

.Hed-C{
  float: left;
  width: 480px;
  height: 65px;
  background: url(../images/adz.jpg) no-repeat;
  margin-top: 50px;
  margin-left: 10px;
}

#hed-bot-nav{
  width: 700px; float: left; margin-top: -30px;
}

/* Site Head End*/

/* Last News Line */
.last_news {
    text-align: right;
    margin-right: 10px;
    margin-top: 2px;
    color: #FFFFFF;
}
.last_news a {
    color: #FFFFFF;
}
.last_news a:hover {
    color: #BBBBBB;
}
.last-news-R{
    background: url(../images/news-line-R.jpg) right;
    float: right;
    width: 91px;
    height: 34px;
    margin-top: 0px;
}
.last-news-L{
    background: url(../images/news-line-bg.jpg) repeat-x;
    width: 874px;
    height: 35px;
    float: right;
    margin-top: -1px;
    padding-top: 6px;
    color: #FFF;
    font-family: Tahoma;
    font-size: 13px;
    padding-right: 10px;
}
/* Last News Line End*/

.under-hed-R{
    float: right;
    width: 305px;
    height: 70px;
    background: #cfcfcf;
    margin-top: -8px;
}
.servies{
    background: url(../images/serv.jpg) no-repeat #145092;
    margin: 3px;
    width: 298px;
    height: 63px;
    margin-right: 0px;
}
.Servies-slide{
    float: right;
    width: 230px;
    clear: right;
    margin: 4px 2px 2px 4px;
    height: 55px;
}
.under-hed-L{
    float: right;
    width: 670px;
    height: 70px;
    background: #cfcfcf;
    margin-top: -8px;
}

#Site-Body{
    background: #cdcdcd;
}
.body-R{
    float: right;
    width: 232px;
    height: 309px;
    margin: 0px 0px 5px 5px;
}
.body-L{
    float: right;
    width: 735px;
    height: 306px;
    margin: 0px 0px 5px 0px;
    background: #FFFFFF;
    border-bottom: 1px solid #acacac;
    padding: 1px 1px 1px 0px;
    border-top: 1px solid #acacac;
    border-right: 1px solid #acacac;
}
.body-L-content{
    background: #f3f3f3;
    width: 736px;
    height: 306px;
}

#news-slider{
float: right; width: 544px; height: 100%;
}
#news-main{
  float: right; width: 192px; height: 100%;
}
.news-main-txt{
  background: url(../images/News-Home.png) no-repeat right; margin: 16px; width: 82px; height: 16px;
}
.head-news-main{
background:  url(../images/news-main-bg1.jpg) repeat-y top #006699; padding: 2px; color: #FFF; border-top: 1px solid #cfcfcf;
}
.last-news-img{
  background: url(../images/news-text2.png) no-repeat right; height: 28px; width: 98px; margin-right: 8px;
}
.gen-img{
background: url(../images/news-text4.png) no-repeat right; height: 28px; width: 98px; margin-right: 8px;
}
.import-news-img{
background: url(../images/news-text6.png) no-repeat right; height: 28px; width: 98px; margin-right: 10px;
}
.body-news-main{
  background:  url(../images/news-main-bg.jpg) repeat-y top #00244c;  height: 150px; display: none; padding: 5px 5px 5px 5px;
}
.body-news-main ul{
  margin: 1px;
}
.body-news-main ul li{
  list-style: none;
  border-bottom: 1px dashed #606060;
  padding-bottom: 5px;
}
.body-news-main ul li a{
  color: #DFDFDF;
  font-family: Tahoma;
  font-size: 12px;
}
.body-news-main ul li a:hover{
  color: #FFFFFF;
}

#Center-Body{
    background: #f3f3f3;
    border-left: 1px solid #aeaeae;
    border-top: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    height: 272px;
    margin-top: -3px;
}


.Center-Body-R{
  float: right;width: 240px; height: 99%; border-left: 1px solid #dcdcdc;
}
.poll-txt{
  margin-top: 17px; margin-right: 27px; background: url(../images/poll.png) no-repeat right; width: 63px; height: 11px;
}
.poll-title{
  margin-top: 17px; margin-right: 27px; background: url(../images/poll-icon.png) no-repeat  center right;
  height:auto; padding-right: 40px; font-family: Tahoma; font-weight: bold; font-size: 13px; color: #3a3a3a;
}
.poll-options{
  margin: 17px;
}
.poll-options ul {
  list-style: none; color: #626262; font-family: Tahoma; font-size: 12px;
}
.poll-options ul li{
  padding: 5px; margin: 2px;
}
.send-poll{
  margin-top: 30px; text-align: center;
}
#poll-result{
  background: #2f83d4; padding: 3px 15px 3px 15px; border: 0px; color: #FFFFFF; font-size: 13px; font-family: Tahoma;
}


#Center-Body-R{
  float: right;width: 725px; height: 100%;
}
.home-news{
float: right; width: 240px; height: 127px;
}
.home-news-image {
float: right; width: 90px; height: 70px; text-align: center; padding: 25px 9px 9px 0px;
}
.home-news-title {
float: right; width: 135px; height: 90px; text-align: center; padding-top: 25px; padding-left: 3px; text-align: right;
}
.home-news-title a {
font-family: Tahoma; font-size: 12px; color: #2F2F2F;
}
.home-news-title a:hover{
color:#124783;
}
.home-news-date {
float: right; width: 80px; margin-top: -15px; text-align: right; padding: 5px; padding-right: 35px; font-family: Tahoma; font-size: 11px;
}
.home-news-vistor-icon{
float: left; width: 80px; margin-top: -20px; text-align: left; padding: 5px; padding-left: 5px;
}
.home-news-vistor-num{
background: url(../images/vistor.png) no-repeat left; width: 49px; height: 16px; padding-left: 17px; padding-top: 7px; font-family: Tahoma; font-size: 11px; color: #F5F5F5;
}

#top-footer{
    background: #003773;
    height: 223px;
    margin-top: 0px;
}
.top-footer-list{
    float: right;
    width: 230px;
    margin-right: 11px;
    height: 150px;
}
.Top-News-image{
    background: url(../images/Top-News.png) right;
    margin: 10px 10px 10px 0px;
    width: 88px;
    height: 17px;
}
.School-News-image{
    background: url(../images/School-News.png) right;
    margin: 10px 10px 10px 0px;
    width: 75px;
    height: 17px;
}
.user-news-image{
    background: url(../images/user-news.png) right;
    margin: 10px 10px 7px 0px;
    width: 111px;
    height: 20px;
}
.site_state-image{
   background: url(../images/site_s.png) no-repeat right;
   margin: 7px 10px 1px 0px;
   width: 130px;
   height: 30px;
}
.top-footer-list-content{
    background: #eeeeee;
    width: 230px;
    height: 175px;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    clear: both;
}

.top-footer-list-content ul{
  padding-top: 10px;
}

.top-footer-list-content ul li{
  list-style: none;
  display: block;
  border-bottom: 1px dashed #9f9f9f;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 5px;
  padding-top: 2px;
}
.top-footer-list-content ul li a{
  font-family: Tahoma;
  font-size: 12px;
  color: #8A8A8A;
}
.top-footer-list-content ul li a:hover{
  color: #606060;
}

.Statistics-Number{
  float: left; height:15px; width: 80px; text-align: center; padding: 3px; color: #726363;
}


/* Footer Start*/

#footer{}
#footer .fot-bg-R1{
    float: right;
    background: url(../images/fot-bg-R.png) right no-repeat;
    margin-right: -4px;
    margin-top: -7px;
    width: 4px;
    height: 77px;
}
#footer .fot-bg-R2{
    float: right;
    background: url(../images/fot-bg2-R.png) right no-repeat;
    width: 40px;
    height: 70px;
}
#footer .fot-bg{
    float: right;
    background: url(../images/fot-bg.png) repeat-x;
    height: 70px;
    width: 893px;
}
#footer .fot-bg-L1{
float: left;
    background: url(../images/fot-bg-L.png) left no-repeat;
    margin-left: -4px;
    margin-top: -7px;
    width: 4px;
    height: 77px;
}
#footer .fot-bg-L2{
    float: left;
    background: url(../images/fot-bg2-L.png) left no-repeat;
    width: 42px;
    height: 70px;
}
.footer-nav{
   text-align: center;
   position: relative;
   margin: 0 auto;
   margin-top: 7px;
   width: 760px;
}
.footer-nav ul li{
  list-style: none;
  display: block;
  float: right;
}
.footer-nav ul li a{
  color: #c8e2ff;
  font-family: Tahoma;
  font-size: 12px;
  margin: 8px;
}
.footer-nav ul li a:hover{
  color: #FFF;
}
#site-fot-info{
  margin: 8px;
  color: #FFFFFF;
  font-family: Tahoma;
  font-size: 13px;
}
/* Footer End*/

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index: 1000;
}

#nav a{
display:block;
padding:0px 10px 0px 10px;
color:#555555;
text-decoration:none;
font-weight: bold;
background: url(../images/bgerimg.png) right no-repeat;
font-size: 12px;

}

#nav a:hover{
color:#124783;
}

#nav li{
float:right;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:14px;
left: -50px;
text-align: center;

}

#nav li ul a{
width:170px;
padding: 10px;
height:auto;
float:left;
background: url(../images/nav-bg.png) no-repeat center bottom #cccccc;
font-weight: normal;
font-size: 13px;
}

#nav li ul a:hover{
background: url(../images/nav-bg2.png) no-repeat center bottom #979797;
}

#nav ul ul{
top:auto;
}

#nav li ul ul {
left:-166px;
margin:0px 0 0 10px;

}

#nav li ul ul li a{
background: url(../images/nav-bg2.png) no-repeat center bottom #979797;
color: #DFDFDF;
}

#nav li ul ul li a:hover{
background: url(../images/nav-bg.png) no-repeat center bottom #cccccc;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;

}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*********************** content news Slide ****************************/
#slideshow2 {
	margin:0 auto;
	width:720px;
	height:270px;

	position:relative;
    margin-right: -3px;

}
#slideshow2 #slidesContainer2 {
  margin:0 auto;
  width:720px;
  height:270px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow2 #slidesContainer2 .slide2 {
  margin:0 auto;
  width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:270px;
}

#slideInner2{
  overflow: hidden;
}


/**
 * Slideshow controls style rules.
 */
.control2 {
  display:block;
  width:31px;
  height:16px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl2 {
  top:254px;;
  left:-16px;
  background:transparent url(../images/body-news-left.png) no-repeat 0 0 ;
  overflow: hidden;
}
#rightControl2 {
  top:254px;
  right:2px;
  background:transparent url(../images/body-news-right.png) no-repeat 0 0;
  overflow: hidden;
}

/*********************** content news Slide ****************************/
/*********************** periscope-theme-switcher ****************************/

#slider-stage {
	width: 580px;
	overflow:hidden;
	height: 70px;
	margin-left:1px;
	float:left;
	position:relative;
    font-size: 13px;
}
#slider-list {
	width: 2000px;
	border: 0;
	margin: 0;
	padding: 0;
	left: 0px;

	position: absolute;
    width: 670px; margin-top: 3px;
}
#slider-list a.theme {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right:8px;
	float: left;
	width: 52px;
	height: 52px;
	position:relative;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
}
#slider-list a.theme:hover {
}
#slider-list a.theme span.nameVignette {
	position:absolute;
	left:4px;
	bottom:0px;
	color:#a0a09b;
	padding:3px;
	font-size:10px;
}
#slider-list a.theme:hover span.nameVignette {
	color:#494947;
}
#slider-list a.theme span.changeTheme {
	background:#363636;
	color:#FFD200;
	display:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	height:16px;
	left:0px;
	padding:4px 0 0;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:0px;
	width:120px;
}
#slider-list a.theme:hover span.changeTheme {
	display:block
}
#sliderBloc {
	height:70px;
	overflow:hidden;
}
#sliderBloc a#previous, #sliderBloc a#next {
	background: url(../images/btn_prev.png) no-repeat left top;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	width:27px;
	height:56px;
	margin:-2x 2px 0 0;
}
#sliderBloc a#next {
	background: url(../images/btn_next.png) no-repeat left top;
	margin:0px 2px 10px 3px;
}
#sliderBloc a#previous:hover, #sliderBloc a#next:hover {
  background-position:left -56px;
}
.demo{
	background: #cfcfcf;
    margin-top: 8px;
	padding:0 1em 1em;
}
/*********************************************************************/
#slider-stage2 {
	width: 251px;
	overflow:hidden;
	height: 70px;
	margin-left:1px;
	float:left;
	position:relative;
    font-size: 13px;
    margin-top: -1px;
}
#slider-list2 {
	width: 2000px;
	border: 0;
	margin: 0;
	padding: 0;
	left: 0px;
	position: absolute;
}
#slider-list2 a.theme {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	height: 53px;
	position:relative;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
}
#slider-list2 a.theme:hover {
}
#slider-list2 a.theme span.nameVignette {
	position:absolute;
	bottom:0px;
	color:#a0a09b;
	font-size:10px;
}
#slider-list2 a.theme:hover span.nameVignette {
	color:#494947;
}
#slider-list2 a.theme span.changeTheme {
	color:#FFD200;
	display:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	height:16px;
	left:0px;
	padding:4px 0 0;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:0px;
	width:120px;
}
#slider-list2 a.theme:hover span.changeTheme {
	display:block
}
#sliderBloc2 {
	height:120px;
	overflow:hidden;
}
#previous2, #next2 {
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	width:10px;
	height:10px;
	margin:0px 10px 0 0;
    z-index: 1000;
    overflow:hidden;
}

#next2{
  background: url(../images/title-icon3.png) no-repeat;
}
#previous2{
  background: url(../images/title-icon2.png) no-repeat;
}

.demo2{
    margin-top: -29px;
	padding:1px;
}
#bb{
  z-index: 10000;
  margin-top: 15px;
  margin-left: -20px;
}

/*********************** periscope-theme-switcher ****************************/

/*********************** Top News SlideShow ****************************/
  #slide{
    width: 510px;
    height: 240px;
    margin: 0 auto;
    margin-top: 30px;
  }

 #slide-wrap {
   width: 490px; /* 20px*/
   height: 230px; /* 20px*/
   overflow: hidden;
 }

#slide .con{
  width: 490px;
  height: 232px;
  display: block;
}

#Next,#Prev{
 height:40px;
 width:23px;
 cursor:pointer;
 visibility:hidden;
 font-size: 0px;
 margin-top: -120px;
}

#Next{
  margin-right: -10px;
  float: right;
  background: url(../images/arrow2.png) no-repeat;
}
#Prev{
  margin-left: -10px;
  float: left;
  background: url(../images/arrow.png) no-repeat;
}

#slide .con h2, #slide .con p {
  margin:5px;
  font-family: Tahoma;
  font-size: 12px;
  text-align: justify;
  direction: rtl;
  color: #585757;
}

#slide .con p {
  height: 197px;
  overflow: hidden;
  margin-top: 10px;
}

#slide .con h2 {
  text-align: right;
  font-family: Tahoma;
  font-size: 16px;
  color:#303030;
  margin-right: 30px;
  padding-right: 20px;
  background: url(../images/title-icon.png) right center no-repeat;
}
#slide .con img {
  float:right;
  margin:0 15px;
  border: 1px solid #969696;
  padding: 3px;
}
/*********************** Top News SlideShow ****************************/


/*********************** Other Page ****************************/

img {
  border: 0px;
}
.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
h3 {
			margin: 0;
			padding: 7px 0 0 0;
			font-size: 16px;
		    font-family:Arial;
		    font-weight:bold;
		    direction:rtl;
		    padding-right:25px;
			*z-index:-1 !important;
		}

		div#feature_list {
			width: 635px;
			height: 292px;
			overflow: hidden;
			position: relative;
			*z-index:-2 !important;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;
			padding: 0;
			margin: 0;
			*z-index:-2 !important;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 273px;
			*z-index:-2 !important;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			*z-index:-2 !important;
            float: right;
		}

		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
			*z-index:-2 !important;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;
			display: block;
			height: 58px;
			*z-index:-2 !important;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;z-index:-2 !important;
		}

		ul#tabs li a.current {
			background-color:#07606C;
			color: #FFF;
			background-repeat:no-repeat;
			*z-index:-1 !important;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
			*z-index:-1 !important;
		}

		ul#output {
			right: 0;
			width: 357px;
			height: 285px;
			position: relative;
			*z-index:-1 !important;
		}

		ul#output li {
			position: absolute;
			width:357px;
			height:285px;
		}

		ul#output li a {
			position: absolute;
			bottom: 0px;
			right: 0px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			width:357px !important;
            height:285px !important;
		}

ul#output img
{
    width:357px;
    height:285px;
    border:1px solid #446272;
    }


#bodycontainer
{
     width:964px;
     min-height:450px;
     margin:0 auto;
     background-repeat:repeat-y;
     position:relative;
    }



#menu
{
    width:950px;
    height:35px;
    background-image:url(../images/menubg.png);
    background-repeat:repeat-x;
    margin:0 auto;
    position:relative;
	z-index:9999999 !important;
    }
#menuleft
{
    width:5px;
    height:35px;
    background-image:url(../images/menuleftcorn.png);
    position:absolute;
    top:0px;
    left:-5px;
	z-index:9999999 !important;
    }
#menuright
{
    width:5px;
    height:35px;
    background-image:url(../images/menurightcorn.png);
    position:absolute;
    top:0px;
    right:-5px;
    }
/***************** Menu **************/

#bodywrapper
{
    width:966px;
    margin:0px auto;
    }
#date
{
    width:966px;
    margin:0px auto;
    padding:2px 0px;
    }
#date p
{
    direction:rtl;
    text-align:left;
    font-family:Tahoma;
    font-size:11px;
    color:#352626;
    margin-left:15px;
    }
#rightend
{
    width:668px;
    min-height:200px;
    float:right;
    margin-right:20px;
    }
#midend
{
    width:229px;
    min-height:200px;
    float:right;
    margin-right:2px;
    }
#leftend
{
    width:102px;
    min-height:200px;
    margin-right:2px;
    float:right;
    }
.toper
{
    width:95%;
    height:32px;
    position:relative;
    background-image:url(../images/toper.png);
    border:1px solid #f0f0f0;
	margin-left:22px;
    }
.toper img
{
    float:right;
    margin-right:20px;
    margin-top:3px;


    }

    #soloicon
{
width:18px;
height:24px;
float:right;
margin-right:20px;
margin-top:3px;
background-image:url(../images/sologan.png);
}

.title6
{
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    color:#00425f;
    direction:rtl;
    float:right;
    line-height:2px;
    width:100px;
    padding-right:10px;
    }
.titlenews
{

    font-family:Tahoma;
    font-size:15px;
    font-weight:bold;
    color:#00425f;
    direction:rtl;
    float:right;
    line-height:20px;
    padding-right:10px;
    }
.innernews
{
    width:100%;
    min-height:115px;
    margin-top:10px;
    position:relative;
    }
.imgcont
{
    width:110px;
    height:115px;
    margin-right:5px;
    float:right;
    position:relative;
    }
.imgcont img
{
    width:110px;
    height:88px;
    }
.imgcontupper
{
    width:110px;
    height:88px;
    background-image:url(../images/uppernewsimg.png);
    position:absolute;
    top:0px;
    left:0px;
	
    }
.imgcont p
{
    text-align:center;
    color:#b7b7b7;
    font-family:Tahoma;
    font-size:11px;
    margin-top:3px;
	float:right;
	width:100%;
    }
.newscont
{
    width:490px;
    float:right;
    min-height:50px;
    margin-right:15px;
    }
.newstitle
{
    width:100%;
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    color:#066370;
    direction:rtl;
    float:right;
    display:block;
    clear:both;
    }
.newsdetails
{
    width:100%;
    font-family:Tahoma;
    font-size:12px;
    color:#383838;
    direction:rtl;
    text-align:justify;
    }
.newssep
{
    width:570px;
    height:2px;
    float:right;
    margin-top:4px;
    background-image:url(../images/newssepbg.png);
    clear:both;
    }
.analatic
{
    width:45px;
    height:16px;
    position:absolute;
    left:0px;
    bottom:-5px;
    background-image:url(../images/analatic.png);
    text-align:right;
    line-height:16px;
    font-family:Tahoma;
    font-size:11px;
    color:#fff;
    padding-right:3px;
    font-weight:bold;
    }
.innernews a:hover .newsdetails
{
    color:#07606C;
    cursor:pointer;
    }
.innernews a:hover .newstitle
{
    color:#FA7A04;
    cursor:pointer;
    }
.innernews a:hover .imgcont,.shareimgs:hover,.innernews a:visited .imgcont,.shareimgs:visited
{
    opacity:0.8;
    cursor:pointer;

    }
#tabwrapper
{
    width:100%;
    height:210px;
    border-top:1px dashed #afafaf;
    margin-top:10px;
    }
 /*************** leftadv *****************/
 #leftadv
 {
     width:100%;
     height: auto;
     text-align: center;
     margin:10px auto;
     }
#links
{
    width:102px;
    height:36px;
    background-image:url(../images/linksbg.png);
    margin:5px 0;
    }

#midendphoto,#midendphoto img
{
    width:220px;
    height:73px;
    margin:3px auto;
    margin-bottom:10px;
    }
#qalo
{
    width:100%;
    height:182px;
    }
.qalo:hover #qalo
{
     color:#808283;
    }
#navi
{
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    color:#00425f;
    direction:rtl;
    float:right;
    line-height:32px;
    width:100%;
    text-align:center;
    }
/********************** tab css *********************/
.container {width: 626px; height:210px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}
ul.tabs li {
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #E7E7E7;
    float: right;
    height: 29px;
    line-height: 14px;
    margin: -5px 0 -1px;
    padding: 5px;
    position: relative;
    text-align: center;
}
ul.tabs li a {
    color: #9B9B9B;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-top: -4px;
    outline: medium none;
    padding: 0 5px;
    text-decoration: none;
    width: 60px;
    text-align:center
}
html ul.tabs li.active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E6E6E6 #E6E6E6 #FFFFFF;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-style: solid;
    border-width: 3px 1px 1px;
}

html ul.tabs li.active a
{
    color:#00425f;
    }
.tab_container {
	border: 1px solid #e6e6e6;
	border-top: none;
	clear: both;
	float: left;
	width: 624px;
	background: #fff;
	background-image:url(../images/tabbg.png);
	height:165px;
	overflow:auto;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	height:125px;
	overflow:auto;
}
.right
{
    float:right;
    height:145px;
    width:570px;
    }
.left
{
    float:right;
    height:145px;
    width:285px;
    margin-right:10px;
    }
.tabtitle
{
    width:100%;
    height:25px;
    float:right;
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    color:#00425f;
    direction:rtl;
    float:right;
    clear:left;
    }
.tabul
{
    list-style-type:none;
    direction:rtl;
    width:100%;
    margin-right:15px;
    list-style-image:url(../images/bgerimg.png);
    }
.tabul li
{
    float:right;
    width:260px;
    margin-left:20px;
    }
.tabul li a,.tabul li a:visited
{
    font-family:Tahoma;
    font-size:12px;
    color:#383838;
    display:block;
    padding-top:3px;
    }
.tabul li a:hover
{
    color:#616161;
    }
    /**************************ads nav *******************/
#navtop,#navbottom
{
    width:20px;
    height:15px;
    cursor:pointer;
    position:absolute;
    top:10px;
    }
#navtop
{
    background-image:url(../images/topnav.png);
    background-position:top;
    left:10px;
    }
#navbottom
{
    background-image:url(../images/bottomnav.png);
    background-position:top;
    top:9.5px;
    left:32px;
    }

#list
{
	height:490px;
	width:229px;
	margin-top:10px;
	overflow:hidden;
	padding:0px !important;
	border-top:1px dashed #b8b8b8;
	}
#list ul
{
	padding:0px;
	margin-top:0px;
    width:100%;
	}
#list ul li
{
	height:59px;
	width:229px;
	list-style-type:none;
    margin:0 auto;
	margin-top:2px;
    margin-left:2px;
	}
#list ul li a img
{
    width:225px;
    height:59px;
    }
#list ul li a img:hover
{
    opacity:0.8;
    filter: alpha(opacity=80);
    background-position:bottom;
    }

/*******referendum***********/
#referendum
{
    width:100%;
    height:210px;
    margin-top:8px;
    *margin-top:27px;
    border-top:1px dashed #b8b8b8;
    background-image:url(../images/estefta2.png);
    background-repeat:repeat-x;
    background-position:bottom;
    }
#referendumtop
{
    width:220px;
    height:35px;
    margin:0 auto;
    margin-top:5px;
    border-bottom:1px solid #e5e5e5;
    }
#referendumtop img
{
    float:right;
    margin-top:7px;
    margin-right:10px;
    }
#referendumcont
{
    width:220px;
    margin:0 auto;
    margin-top:10px;
    }
#esfeta2qes
{
     font-family:Arial;
    font-size:16px;
    font-weight:bold;
    color:#00425f;
    direction:rtl;
    float:right;
    margin-right:10px;
    clear:left;
    }
.answercont
{
    width:100%;
    min-height:10px;
    margin-top:10px;
    clear:both;
    overflow:hidden;
    }
.check
{
    float:right;
    }
.answertext
{
    float:right;
    margin-right:10px;
    color:#999999;
    font-family:Tahoma;
    font-size:13px;
    }
#estefta2btncont
{
    width:150px;
    height:30px;
    margin:10px auto;
    *margin:0px auto;
    }
.estefta2,#nata2j
{
    background:none;
    border:none;
    width:72px;
    height:30px;
    float:right;
    cursor:pointer;
    background-image:url(../images/esbtns.png);
    }
.estefta2
{
    background-position:top right;
    margin-left:3px;
    }
.estefta2:hover
{
    background-position:bottom right;
    }
#nata2j
{

    background-position:top left;
    }
#nata2j:hover
{
    background-position:bottom left;
    }

/*************** news *************/
#newssitemap
{
    width:900px;
    height:24px;
    float:right;
    direction:rtl;
    background-image:url(../images/newssitemapbg.png);
    background-repeat:no-repeat;
    background-position:right;
    margin-right:20px;
    clear:both;
	margin-bottom:20px;
    }
#newssitemap ul
{
    list-style-type:none;
	float:right;
	position:relative;
	width:70%;
	height:32px;
	border-bottom:1px solid #07606C;
    }
#newssitemap ul li
{
    height:24px;
    margin-right:10px;
    float:right;
    }
#newssitemap ul li a,#newssitemap ul li a:visited
{
    display:block;
    line-height:24px;
    color:#aaaaaa;
    font-family:Tahoma;
    font-size:12px;
    }
#newssitemap ul li a:hover
{
    color:#333333;
    }

#rightnews
{
    width:660px;
    min-height:100px;
    float:right;
    margin-right:8px;
    clear:right;
    padding: 10px;
    }
#leftnews
{
    width:265px;
    min-height:100px;
    float:left;
    margin-left:10px;
    }
#mainnews
{
    width:260px;
    min-height:100px;
    margin-top:0px;
    background-image:url(../images/leftnewsbg.png);
    border:1px solid #e4e4e4;
    }
.innernewscont
{
    width:100%;
    border-bottom:1px solid #eaeaea;
    }
.newstext
{
    width:255px;
    clear:both;
    direction:rtl;
    margin-top:4px;
    padding-right:15px;
    }
.newstext a,.newstext a:visited
{
    font-family:Tahoma;
    font-size:12px;
    color:#747474;
    }
.newstext a:hover
{
    color:#999999;
    }
.date
{
    margin-top:2px;
    margin-bottom:5px;
    font-family:Tahoma;
    font-size:11px;
    text-align: left;
    color:#ADADAD;
    padding-left:5px;
    }
.navcont
{  margin: 0 auto;
    width:400px;
    height:32px;
    margin-top:10px;
    margin-bottom:10px;

    }
.num
{
    width:30px;
    height:30px;
    background-image:url(../images/numbg.png);
    border:1px solid #e1e1e1;
    float:right;
    margin-left:5px;
    }
.num:hover,.numselected
{
    background:none !important;
    background-color:#07606C !important;
    border:1px solid #1882b6 !important;
	
    }
.num:hover a,.numselected a
    {
        color:#fff !important;
        }
.navnumbers
{
    height:32px;
    min-width:40px;
    margin:0 auto;
    position:relative;
    }
.num a
{
    display:block;
    text-align:center;
    color:#aaaaaa;
    line-height:30px;
    font-family:Tahoma;
    font-size:18px;
    }
.next
{
    width:37px;
    height:28px;
    background-image:url(../images/next.png);
    position:absolute;
    top:3px;
    right:-50px;
    cursor:pointer;
    }
.enext
{
    width:40px;
    height:28px;
    background-image:url(../images/enext.png);
    position:absolute;
    top:3px;
    right:-95px;
    cursor:pointer;
    }
.prev
{
    width:37px;
    height:28px;
    background-image:url(../images/prev.png);
    position:absolute;
    top:3px;
    left:-50px;
    cursor:pointer;
    }
.eprev
{
    width:40px;
    height:28px;
    background-image:url(../images/eprev.png);
    position:absolute;
    top:3px;
    left:-95px;
    cursor:pointer;
    }


/******************** news details **********/
#mainnews1
{
    width:260px;
    height:400px;
    margin-top:10px;
    background-image:url(../images/leftnewsbg.png);
    border:1px solid #e4e4e4;
    }
.bigtitle
{
    direction:rtl;
    font-size:20px;
    font-family:Arial;
    color:#07606C;
    padding-right:20px;
    font-weight:bold;
    margin-top:5px;
    }
.titledesc
{
    font-family:Tahoma;
    font-size:12px;
    color:#8f8f8f;
    direction:rtl;
    padding-right:20px;
    }
#bigimgcont
{
    width:421px;
    height:318px;
    margin:0px auto;
    margin-top:20px;
    position:relative;
    }
#bigimgcont img
{
    width:421px;
    height:318px;
    }
#bigimgcontupper
{
    width:421px;
    height:318px;
    background-image:url(../images/uppernewsimg1.png);
    position:absolute;
    top:0px;
    left:0px;
    }
#news_Desc
{
    width:421px;
    text-align:center;
    margin:0 auto;
    margin-top:3px;
    margin-bottom:20px;
    }
#glass
{
    width:89px;
    height:33px;
    background-image:url(../images/Glassbg.png);
    float:right;
    margin-right:20px;
    }
#biggertext,#smallertext
{
    width:28px;
    height:30px;
    cursor:pointer;
    float:right;
    margin-right:10px;
    }
#biggertext
{
    background-image:url(../images/biggertext.png);
    }
#smallertext
{
    background-image:url(../images/smallertext.png);
    }
#newsdate1
{
    direction:rtl;
    text-align:left;
    font-family:Tahoma;
    font-size:11px;
    color:#fa7a04;
    margin-left:15px;
    margin-top:15px;
    width:250px;
    float:left;
    }
#newsdesctext,#newsdesctext p,#newsdesctext div,#newsdesctext span
{
    width:630px;
    padding-right:20px;
    color:#2f2f2f;
    font-family:Tahoma;
    font-size:13px;
    direction:rtl;
    text-align:justify;
    clear:both;
    }
.share1
{
    width:239px;
    height:53px;
    background-image:url(../images/sharebg1.png);
    margin:20px;
    position:relative;
    float: left;
    }
.facebook1,.twitter1,.rss1
{
    width:24px;
    height:24px;
    position:absolute;
    background-image:url(../images/socialicons.png);
    top:15px;
    }
.rss1
{
    background-position:bottom;
    left:13px;
    }
.twitter1
{
    background-position:center;
    left:43px;
    }
.facebook1
{
    background-position:top;
    left:73px;
    }
.news_edit
{
    width:16px;
    height:16px;
    background-image:url(../images/newsedit.png);
    position:absolute;
    top:20px;
    right:105px;
    }
.news_print
{
    width:16px;
    height:16px;
    background-image:url(../images/print.png);
    position:absolute;
    top:20px;
    right:84px;
    }
.news_email
{
    width:16px;
    height:13px;
    background-image:url(../images/email.png);
    position:absolute;
    top:22px;
    right:62px;
    }
.news_pdf
{
    width:16px;
    height:16px;
    background-image:url(../images/pdf.png);
    position:absolute;
    top:20px;
    right:41px;
    }
.news_word
{
    width:16px;
    height:16px;
    background-image:url(../images/word.png);
    position:absolute;
    top:20px;
    right:20px;
    }

    /************** all NEws ***********/
.showallbtn
{
    display:block;
    width:268px;
    line-height:47px;
    height:47px;
    background:none;
    border:none;
    background-image:url(../images/showall.png);
    cursor:pointer;
    text-align:center;
    font-family:Arial;
    font-size:19px;
    font-weight:bold;
    color:#686868;
    }
.showallbtn:hover
{
     color:#484747;
    }
#showallcont
{
    width:268px;
    height:47px;
    margin:20px auto;
	
    }

/*****************tabel*********************/
.th
{
    height:36px;
    background-image:url(../images/thbg.png);
	border-radius:5px;
    }
.tbl
{
    border-bottom:1px solid #e4e4e4;
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
	
    }
	
.tbl > tbody{
	border-top-right-radius:5px;
	-o-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	
	border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
}
.tbl .th td
{
    line-height:36px;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding-right:10px;
	border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	
    }
.wrapper
{
    line-height:36px;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    color:#fff;
	border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
    }
.righttdcorner
{
    width:6px;
    height:36px;
    background-image:url(../images/righttdcorner.png);
    position:absolute;
    top:0px;
    right:-11px;
    }
.lefttdcorner
{
     width:6px;
    height:36px;
    background-image:url(../images/lefttdcorner.png);
    position:absolute;
    top:0px;
    left:-1px;
    direction:rtl;
    }
.wrapper
{
    width:100%;
    height:36px;
    position:relative;
    }
.tblrow,.altrow
{
    height:49px;
    background-color:#f6f6f6;
    }
.altrow
{
    background-color:transparent;
    }
.tblrow td,.altrow td
{
    padding-right:10px;
    line-height:49px;
    font-family:Tahoma;
    font-size:12px;
    color:#444444;
    }
.footernav
{
    font-family:Tahoma;
    font-size:14px;
    color:#0078ab;
    }
.footernav:hover
{
    color:#0285c1;
    }

a.selected
{
    color:#023f5a !important;
    }
/****************links************/
#linkscontainer
{
    width:545px;
    min-height:100px;
    margin:0 auto;
    }
.linkout
{
    width:177px;
    height:141px;
    background-image:url(../images/linksbg11.png);
    margin-right:3px;
    margin-top:2px;
    float:right;
    text-align: center;
    }
.innerlinkimg
{
    width:100px;
    height:100px;
    margin: 0 auto;
    margin-top: 5px;
    }
.innerlinkimg:hover
{
    opacity:0.7;
    filter:alpha(opacity:70);
    }
.chbox
{
    float:right;
    margin-top:11px;
    width:16px;
    height:15px;
    background-image:url(../images/checkboxbg.png);
    }
.cblabel
{
    float:right;
    padding-right:5px;
     margin-top:10px;
     margin-left:30px;
     font:bold 13px tahoma;
     color:#5e5e5e;
    }




/***************** Download *****************/
.x12
{
    width:590px !important;
    margin-bottom:10px;
    }
/********************** Form*****************/
.alert12
{
    width:657px;
    height:35px;
    background-image:url(../images/alertbg.png);
    margin:5px auto;
    position:relative;
    }
.closealert
{
    width:25px;
    height:35px;
    display:block;
    top:0px;
    left:0px;
    }
.alert12 p
{
    font:bold 13px/35px tahoma;
    color:#fff;
    padding-right:50px;
    direction:rtl;
    float:right;
    width:500px;
	line-height:30px;
	margin:0;
    }
.formtr
{
    width:640px;
    margin:0 auto;
    min-height:45px;
    margin-top:5px;
    }
.righttd
{
    width:130px;
    float:right;
    padding-right:10px;
    font:bold 17px/45px arial;
    color:#5e5e5e;
    direction:rtl;
    min-height:25px;
    }
.righttd span
{
    color:#c80000;
	float:left;
    }
.lefttd
{
    width:500px;
    min-height:25px;
    float:right;
    }

.formtextbox
{
    height:25px;
    min-width:200px;
    background:none;
    border:none;
    background-image:url(../images/textboxformbg.png);
    float:right;
    border:2px solid #e7e7e7;
    margin-top:8px;
    direction:rtl;
    font:normal 13px tahoma;
    color:#5e5e5e;
    line-height:25px;
    }
.dropdown
{
    min-width:80px; direction:ltr; background-color:#f0f0f1; height:25px; margin-left:2px;
    color:#5e5e5e;
    }

.rdbtn
{
    float:right;
    height:14px;
    width:14px;
    margin-top:11px;
    background-image:url(../images/radio.png);
    background-position:top;
    }
.rdbtn input,.chbox input
{
    opacity:0;
    filter:alpha(opacity:0);
    }
.textarea
{
    background:none;
    border:none;
    width:300px;
    height:200px;
    overflow:auto;
    background-image:url(../images/form.png);
    float:right;
    direction:rtl;
    font:normal 13px tahoma;
    color:#5e5e5e;
    }
.btnsend
{
    height:31px;
    min-width:100px;
    background:none;
    border:none;
    background-image:url(../images/btnsendbg1.png);
    float:right;
    color:#194450;
    font:bold 18px arial;
    text-align:center;
    cursor:pointer;
    }
.btnsend:hover
{
    color:#f9f9f9;
    }
.btnconlog
{
     padding-left:15px;
     padding-right:15px;
     width:66px;
     height:37px;
     float:right;
     margin-left:10px;
     border-left:1px solid #0078a0;
    }
.xz1,.btnregs
{
    width:66px;
    height:27px;
    background:none;
    border:none;
    background-image:url(../images/btndokhool.png);
    cursor:pointer;
    margin-top:5px;
    }
.btnregs
{
        background-image:url(../images/regggs.png) !important;
    }
.loga
{
  direction:rtl;
  display:block;
  font:11px tahoma;
  color:#4b4b4b;
  margin-top:2px;
    }
.loga:hover
{
    color:#706f6f;
    }
.valid
{
    font:bold 12px/40px tahoma;
    color:#882a2b;
    direction:rtl;
    float:right;
    margin-right:15px;
    }
#fomcont
{
    width:100%;
    margin-top:20px;
    min-height:400px;
    border:1px solid #dcdcdc;
    background-image:url(../images/bggg12.png);
    background-repeat:repeat-x;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow:hidden;
    background-color:#f5f9f0;
    }
.logtitle
{
    width:102px;
    height:30px;
    margin:0 auto;
    margin-top:10px;
    clear:both;
    }
.formserp
{
    width:200px;
    height:2px;
    background-image:url(../images/formserp.png);
    float:right;
    clear:both;
    margin-top:10px;
    margin-right:2px;
    }


/********************* Error Page ********************/
.errortitle
{
    font:bold 26px/25px Arabic Typesetting;
    color:#07606C;
    padding-right:10px;
    direction:rtl;
    border-bottom:3px solid #07606C;
    padding-bottom:5px;
    margin-top:20px;
    }
.errortext

{
    direction:rtl;
    padding-right:10px;
    font:14px tahoma;
    color:#333333;
    margin-top:10px;
    }
#errorul
{
    direction:rtl;
    margin-right:30px;
    margin-top:10px;
    list-style-image:url(../images/errorulimg.png);
    }
#errorul li
{
    font:12px/25px tahoma;
    color:#585858;
    }

/***************** confirmation*************/
.aw
{
    height:15px !important;
    float:right;
    margin-right:60px;
    clear:both;
    width:100%;
    direction:rtl;
    font:bold 16px arial;
    color:#07606C;
    }
.sendconf
{
    float:right;
    margin-top:10px;
    width:99px;
    height:32px;
    cursor:pointer;
    background:none;
    border:none;
    background-image:url(../images/sendconf.png);
    text-align:center;
    font:bold 13px/32px tahoma;
    color:#feffff;
    }
	

/***************************************/
.hijData{padding:5px 0 0 0; margin-top:25px;}
.hijData a{
display:block;
width:30px;
height:14px;
float:right;
text-align:center;
padding:2px;
background:url(../images/cal_bg.png) bottom repeat-x;
margin:0px;
border:1px solid #e2e7ea;

}
.hijData tr{
	line-height:15px;
}
.hijData [title~=previous]{
	margin: 0 0 0px !important;	
padding:0 !important;
background:none;
border:none;	
text-align:center;
background:url(../images/2.png) right 10px center no-repeat;
color:transparent;

}

.hijData [title~=next]{
margin: 0 0 0px !important;	
padding:0 !important;
background:none;
border:none;	
text-align:center;
background:url(../images/1.png) left 10px center no-repeat;
color:transparent;

	}
	


.colspan7{

	height: 25px; color: #fff; background-color: rgb(102, 102, 102);
}
.Calendar1{border:#ececec solid 1px !important;	
border-radius:5px;
margin:10px 5px;
width:95%;
margin:auto;
overflow:hidden;
direction:rtl;
}


.Calendarprev
{
    background-image: url('../images/prev.png');
    background-repeat: no-repeat;
    width:9px;
    height:16px;
}

.hijData .green a{
color:#4c8b16;
}

.hijData .blou a
{
    background: none repeat-x top;
    background-color: #CCCCCC;
    color: #FFFFFF;
}
.hijData > tr:first-child{
	background-color:#666666;
}





/*============sitemap ï¿½ï¿½ï¿½ï¿½========================*/
ul.sitemap{
	
text-align:right;
margin:0;
padding:0
}
ul.sitemap > li {
width:42%;list-style:none;float:right;margin:5px;
padding:5px;
  

}
ul.sitemap > li > a{
  background: url(../images/tab_bg.png) top repeat-x ;
  padding-right:10px;
  padding-top:3px;
	display:block;
	border: solid 1px #DEDEDE;
	color:#066370;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
}
ul.sitemap > li > a:hover{
	color:#999;
	
}


ul.sitemap > li > ul{
margin:0;
padding:0 20px 0 0;
list-style:url("../images/list2.png") ;

}
ul.sitemap > li > ul li{
	margin-top:5px;

}


ul.sitemap > li > ul >li > a{
	color:#04444D ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	
}
ul.sitemap > li > ul >li > a:hover{
	color:#999;
	
}


ul.sitemap > li > ul >li> ul{
margin:0;
padding:0 20px 0 0;
list-style:url("../images/r2_list.png");
}
ul.sitemap > li > ul >li> ul>li > a{
	color:#066370 ;
	font-family:Arial, Helvetica, sans-serif;
		font-size:14px;

}
ul.sitemap > li > ul >li> ul >li > a:hover{
	color:#04444D;
	
}






#gallery{
	width:95%;
	min-height:600px;
	margin:auto;
}

#pic_block{
	width:220px;
		min-height:250px;
	float:right;
	position:relative;
	margin: 4% 7% 0% 0;
}
#pic_block p{
	margin-top:25px;

	    font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
	color:#333;
	font-weight:bold;
	text-shadow:none;
	text-align:right;
	line-height:22px;
	
}
#pic_block p a{
	color:#666;
	font-size:16px;
}

#pic_block p a:hover{
	color:#882456;
	
}			/* Layout */
.stack { width: 220px;   position: relative; z-index: 10; }

/* Image styles */
.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	cursor:pointer;
}
.stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
/**** PORTFOLIO STYLES*****/
.image-block{ display:block;position: relative; }
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:5px; width:155px; margin-left:-1px;}
.image-block img:hover{border: 1px solid #ef61a6;box-shadow:0 0 5px #ef61a6;}
.portfolio-area li{float: right;margin: 0 9px 11px 0; width:165px;padding:3px;}
.portfolio-area li a{ color:#333; text-indent:-9999px;}
.portfolio-area li a:hover{ text-decoration:underline;}
.home-portfolio-text{margin-top:10px; text-align:right;}
li a{  color:#333; font-size:16px; text-align:right;}
li.active a{ color:#333; }
.portfolio-area li h2{ font-size:17px; font-family: 'lightregular'; }

/**** END PORTFOLIO STYLES*****/