::-webkit-scrollbar {
        -webkit-appearance:none;
        width: 14px;
        background-color:#f0f0f0;
      }

      ::-webkit-scrollbar-thumb {
        border-radius: 7px;
        border:4px solid rgba(255,255,255,0);
        background-clip:content-box;
        background-color:#bfbfbf;
        width: 100px;
      }
      ::-webkit-scrollbar-thumb:hover {
        border-radius:12px;
        border:4px solid rgba(255,255,255,0);
        background-clip:content-box;
        background-color:#A0A0A0;

      }

      ::-webkit-scrollbar-corner {
        background-color:#e6e6e6;
      }

*{
  margin: 0;
  padding: 0;
  outline: 0;
  transition: all 0.3s linear;
  font-family: Tahoma;
  border: 0px;
}

body{
  background: url(../img/bg.png);
  font-size: 12px;
  direction: rtl;
  position: relative;
  margin-right:auto;	
  margin-left:auto;
  width:1240px;	
}

img{
	vertical-align:middle;
	border:none;
	}		

.bodyblock {
			font-size: 14px; 
			color: #575757; 
			}	

a{
  text-decoration: none;
  color: #0000ff;
}


ul , ol{
  list-style: none;
}

.para {
		margin-right: 26px; 
		margin-left: 12px; 
		text-align:justify;
	}

.copyright {
			font-size: 14px; 
			color: #2b411d;
			font-weight: bold;
			}

input[type="text"]{
  width: 240px;
  height: 30px;
  background: #d6d6d6;
  border-radius: 3px;
  border: 1px solid #9B9B9B;
  opacity: 0.60;
  color: #000;
  font-size: 12px;
}

input[type="submit"]{
  width: 90px;
  height: 33px;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(#009fd7,#009fd7,#009fd7);
  border-radius: 30px;
  font-size: 13px;
  border: 1px solid #0081ae;
  box-shadow: inset 0 0 4px 0px #0081ae;
  transition: none;
  cursor:pointer;
}

input[type="submit"]:active{
  transition: none;
  background: #0081ae;
}

#header{
  width: 100%;
  height: 120px;
  background: url(../img/samh-title2018-Ar.png) no-repeat top;
}

#header #logo{
  background: url(../img/logo.png) no-repeat right;
  width: 700px;
  height: 100px;
  margin-top: 10px;
  margin-right: 0;
  float: right;
}

#header #search{
  float: left;
  margin-top: 37px;
  margin-left: 11%;
}

#nav{
  width:100%;
  font-size: 12.5px;
  background: url(../img/navbackground2017.png) no-repeat top;
  height: 40px;
  line-height: 40px;
}
#nav ul{
  padding-top: 0px;
}

#nav ul li{
  float: right;
}

#nav ul li a{
  padding: 9px;
  border-radius: 5px;
  margin-left: 5px;
  font-weight: bold;
  color: #304c2c;
  background-image: url(../img/click.png);
}

#nav ul li a:hover{
  background-image: url(../img/click.png);
  opacity: 0.80;
  color: #000;
  padding: 10px;
}

#nav ul li a:active{
  box-shadow: inset 0 0 4px #2b411d;
  opacity: 1;
}

.first{margin-right: 1%;}

.social {
    float: left;
	width: auto;
	padding: 0;
    left: 0px;
    margin: 4px 0 0 0;
    margin-left: 1%;
	z-index:100;
}
.facebook {
  background: transparent url(../img/facebook.png);
  width: 32px;
  height: 32px;
  display: block;
  float: left;
}
.facebook:hover {
  background: url(../img/facebookh.png);
}
.twitter {
  background: transparent url(../img/twitter.png);
  width: 32px;
  height: 32px;
  display: block;
  float: left;
}
.twitter:hover {
	background: transparent url(../img/twitterh.png);
}
.google {
  background: transparent url(../img/google.png);
  width: 32px;
  height: 32px;
  display: block;
  float: left;
}
.google:hover {
	background: transparent url(../img/googleh.png);
}

.youtube{
  background: transparent url(../img/youtube.png);
  width: 32px;
  height: 32px;
  display: block;
  float: left;
}

.youtube:hover{
  background: transparent url(../img/youtubeh.png);
}

.withoutTitle {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border: 1px solid #d4d4d4;	
}

.container{
  	background: #f6f6f6;
	-webkit-box-shadow: 0 0 0px #212121, inset 0 0 5px #828282;
	-moz-box-shadow:    0 0 0px #212121, inset 0 0 5px #828282;
	box-shadow:         0 0 0px #212121, inset 0 0 5px #828282;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	overflow: hidden;
	padding: 5px 10px;
	border: 1px solid #d4d4d4;
    min-height: 24px;
}

.welcome{
  width: 100%;
  background: url(../img/fbg.png);
  height: auto;
  opacity: 0.60;
  font-weight: normal;
  margin-top: 25px;
}

.welcome .content{
   margin-left: 2%;
   margin-right: 2%;
}

#lblock{
  width: 24%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 25px;
}
#mblock{
  margin-right: 0;
/*  border: 1px solid #f00;*/
  margin-left: 27%;
	margin-top: 25px;
}
.title{
  font-size: 13.5px;
  font-weight: bold;
  font-family: Tahoma;
}

/* icon right */

#active{
  background: url(../img/active.png) no-repeat right center;
}

#achievement{
  background: url(../img/star.png) no-repeat right center;
}

#who{
  background: url(../img/info.png) no-repeat right center;
}

#why{
  background: url(../img/new.png) no-repeat right center;
}

#shop{
  background: url(../img/publi.png) no-repeat right center;
}

#respon{
  background: url(../img/wizard.png) no-repeat right center;
}

#color{
  background: url(../img/color.png) no-repeat right center;
}

#edit{
  background: url(../img/edit.png) no-repeat right center;
}

#free{
  background: url(../img/free.png) no-repeat right center;  
}

#Verfied{
  background: url(../img/Verfeid.png) no-repeat right center;  
}

#MyVideo{
  background: url(../img/videoIcon.png) no-repeat right center;  
}

#MyArchive{
  background: url(../img/MyArchive.png) no-repeat right center;  
}

#Conference{
  background: url(../img/Conference.png) no-repeat right center;  
}
/* icon right end */

#body{
  width: 99.2%;
  height: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-color: #D4D4D4;
  border-right-color: #D4D4D4;
  border-bottom-color: #D4D4D4;
  background: #eee;
}

hr {height:1px; border:none; color:#D4D4D4; background-color:#D4D4D4; width:97%; text-align:center; margin: 15px auto 15px auto;}

.more{
  float: left;
}

.more a{
  padding: 9px;
  border-radius: 5px;
  margin-right: -10%;
  font-size: 12px;
  font-weight: bold;
  color: #2b411d;
  background-image: url(../img/click.png);
}

.more a:active{
   box-shadow: inset 0 0 4px #e40613;
   opacity: 1;
}

#cols{
 /* border: 1px solid #f00;*/
  margin: 0 11% 0 10%;
}

.right{
  width: 32%;
  float: right;
}

.left{
  width: 32%;
  float: left;
}

.center{
  width: auto;
  margin: 0 34% 0 34%;
}

.cons{
  margin: 0 11% 0 10%;
}

#footer{
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #85eb78, #85eb78);
  border-top: 7px solid #5e914f;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#right{
  float: right;
  width: 25%;
  margin-right: 11%;
}

#left{
  float: left;
  width: 25%;
  margin-left: 10%;
}

#center{
  width: auto;
  margin: 0 38% 0 37%;
}

.fsocial{
  width: 268px;
  margin: 5px;
  padding: 0;
  left: 0px;
}

.ftwitter{
  background: url(../img/soicon.png) no-repeat 0 -37px;
  width: 32px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px;
}

.ftwitter:hover{
  background-position: 0 -3px;
}

.frss{
  background: url(../img/soicon.png) no-repeat -40px -37px;
  width: 32px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px;
}

.frss:hover{
  background-position: -40px -3px;
}

.ffacebook{
  background: url(../img/soicon.png) no-repeat -80px -37px;
  width: 32px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px;
}

.ffacebook:hover{
  background-position: -80px -3px;
}

.fyoutube{
  background: url(../img/soicon.png) no-repeat -120px -37px;
  width: 32px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px;
}

.fyoutube:hover{
  background-position: -120px -3px;
}

#footer ul li{
  border-top: 1px solid #eee;
  padding: 7px;
}

#footer ul li a{
   font-size: 15px;
   color: #ddd;
}

#footer ul li a:hover{
  margin-right: 15px;
}