@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body { background:#f5f7fa; }
.clear{ clear:both;}
a{text-decoration: none;list-style-type: none; }
 a:link, a:visited, a:active, a:focus {
	 
	 
	 
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;

}



/************************/
.header-login { clear:left ; float:left; color:#333;  
font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
font-size:14px;			
padding-top: 15px;

 min-width: 740px;
    text-align: center;
	vertical-align:middle;
}
.header-login a {color: #989eae;}
.header-login #navbar_username ,.header-login #navbar_password { background:#f1f1f1; height:24px; width:180px; padding:7px;
border: 0px solid #000000;
-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;


}
.header-login  .in-submit { 
font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
font-size:14px;			

	background:#1b6988 ;
	color:#fff;
 	padding:4px 20px;
border: 1px solid #fff;
-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;
cursor:pointer;
}
.header-login  .in-submit:hover { background:#237190 ;}
.header-login .smallfont {
	font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif; margin-top:-30px;
font-size:12px;			

	}
	
.input-text-search {
	
   border: 0 solid #ffffff;
    border-radius: 7px;
    color: #fff;
    height: 30px;
    margin-top: 4px;
    padding-right: 10px;
    width: 260px;
-moz-border-radius: 7px;/*Firefox*/
-webkit-border-radius: 7px;/*Safari, Chrome*/
border-radius: 7px;

    margin-left: -17px;
background: rgb(0, 0, 0);
background: transparent;
background: rgba(0, 0, 0, 0.1);/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);/*IE 5.5-7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)";/*IE8*/
zoom: 1;
	
	}
.input-submit-search {background:url(images/search.png) top center no-repeat; display:inline-block; margin-right:-10px; height:24px; width:14px;   border: 0 solid #ffffff; font-size:0;}	
/**************************/
.logo-top { background:url(images/logo.png) top center no-repeat;  display:inline-block; height: 64px; width: 184px;}
.contener { margin:0 auto; max-width:1170px; overflow:hidden;}
.pul-left { float:left;text-align: left;}
.pul-right { float:right;}

#header {  }
.header-bar { background:#1b6988; height:40px;}
.bar-top-left-link ul { padding-right:0;}
.bar-top-left-link ul li { float:right; list-style-type:none; background:#237190;  }
.bar-top-left-link ul li a{ display: block; padding:6px 10px; 

font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
font-size:14px;			

margin-left:4px;
color:#fff;
text-decoration:none;


  }
.bar-top-left-link ul li:hover{ background:#0d4359;}
.bar-top-left-share { margin:0px 20px 0 0;}
.bar-top-left-share a { float:left;}
a.share1 { background:url(icon/share/share1.png) center center no-repeat; width:40px; height:40px; display:inline-block; border: 1px solid #c4c8d2;border-radius: 50%; margin: 0 10px;}
a.share2 { background:url(icon/share/share2.png) center center no-repeat; width:40px; height:40px; display:inline-block; border: 1px solid #c4c8d2;border-radius: 50%; margin: 0 10px;}
a.share3 { background:url(icon/share/share3.png) center center no-repeat; width:40px; height:40px; display:inline-block; border: 1px solid #c4c8d2;border-radius: 50%; margin: 0 10px 0 200px;}
.bar-top-left-share a:hover { background-color:#237190}

.header-contener {
    background: #282c37;
    padding: 25px 15px;
}
	/*********/
.navbar-top { background: #FFFFFF; border-bottom: 2px solid #eceef1;}	
.header-logo { margin-top:0px;}
.header-logo2 { margin-top:5px; margin-bottom:2px;}
.navbar-link ul   { float:right;  padding:0; margin: 0 !important;}
.navbar-link ul li { float:right; list-style-type:none;}
.navbar-link ul li a {
    display: block;
    padding: 20px 10px;
    font-family: 'Droid Arabic Kufi',Arial,Verdana,sans-serif;
    font-size: 14px;
    margin-left: 4px;
    color: #77797e;
    text-decoration: none;
}
.navbar-link ul li a:hover{ color:#000000;}

.navicon1 { background:url(icon/icon1.png) center center no-repeat; width:15px; height:20px; display:inline-block; margin-left:7px; vertical-align:middle;}
.navicon2 { background:url(icon/icon2.png) center center no-repeat; width:15px; height:20px; display:inline-block; margin-left:7px; vertical-align:middle;}
.navicon3 { background:url(icon/icon3.png) center center no-repeat; width:23px; height:20px; display:inline-block; margin-left:7px; vertical-align:middle;}
.navicon4 { background:url(icon/icon4.png) center center no-repeat; width:15px; height:20px; display:inline-block; margin-left:7px; vertical-align:middle;}
.navicon5 { background:url(icon/icon5.png) center center no-repeat; width:17px; height:20px; display:inline-block; margin-left:7px; vertical-align:middle;}

/************************/

.header-right2 ul li a  ,.footer-b-link ul li a{ 
font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
font-size:14px;			
padding:1px 10px;
margin-left:4px;
color:#fff;
text-decoration:none;
 }
.header-right2 ul li a:hover ,.footer-b-link ul li a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#327d6a)";/*IE 8*/
-moz-box-shadow: 0px 1px 3px #327d6a;/*FF 3.5+*/
-webkit-box-shadow: 0px 1px 3px #327d6a;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 1px 3px #327d6a;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#327d6a); /*IE 5.5-7*/

	
border:0px solid #327d6a;

-moz-border-radius: 5px;/*Firefox*/
-webkit-border-radius: 5px;/*Safari, Chrome*/
border-radius: 5px;

background: -moz-linear-gradient(90deg, #28757e 0%, #4db3bf 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #28757e), color-stop(100%, #4db3bf));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #28757e 0%, #4db3bf 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #28757e 0%, #4db3bf 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #28757e 0%, #4db3bf 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28757e', endColorstr='#4db3bf', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #28757e 0%, #4db3bf 100%);/* W3C */
}
.header-left { float:left; width:300px; margin-top:15px; }
.header-left-top { height:60px;}
.header-left-top { height:60px;}
.header-left-bottom { margin-top:80px; margin-right:30px;}
.social-t { background:url(images/scial.png) top center no-repeat; height:67px; width:153px; display:inline-block; margin:0 auto; text-align:center;}


/*********************************/
 
/*********************************/
.post-head { background:#71b8ce; padding:5px; position:relative;
font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif, tahoma;
font-size:16px;
color:#fff;
padding-right:10px;
}
.post-head a{color:#fff   !important; text-decoration:none;}
.b-l-b{ background:url(images/b1.png) top center no-repeat; position:absolute; left:10px; top:7px;
height:12px;
width:12px;

}
.all-post {
	background:#f9f9f9;
	margin-bottom:20px;
	margin-top:20px;
border: 1px solid #71b8ce;
-moz-border-radius: 6px;/*Firefox*/
-webkit-border-radius: 6px;/*Safari, Chrome*/
border-radius: 6px;
	
	}
.post-con{ padding:7px;}
.navbar-post .tborder{
	border:0px solid #327d6a;

-moz-border-radius: 0px;/*Firefox*/
-webkit-border-radius: 0px;/*Safari, Chrome*/
border-radius: 0px;

	}


/************************************/
#footer-b {  background:#282c37; margin-top:20px; padding-bottom:10px;}

.footer-b-r { float:right; width:500px;}
.footer-b-copy p{font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif; font-size:13px; font-weight: 300; line-height:25px; color:#9a9ea8; margin-top:20px;}
.footer-b-l { float:left; margin-top:15px ; margin-left:10px; }
.footer-b-c { margin:0 auto; width:150px;height:50px; padding-top:60px; }

/************************************************************/
.forum_new { background: url(images/statusicon_new.png) center center no-repeat; height:58px; width:63px; display:inline-block;}
.forum_old { background: url(images/statusicon_old.png) center center no-repeat; height:58px; width:63px; display:inline-block;}
.forum_old_lock { background: url(images/forum_old_lock.png) top center no-repeat; height:58px; width:63px; display:inline-block;}
.newthread1 {
				font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
				font-weight: normal;
				font-size:14px;			
				background:#71b8ce;
				padding:5px 60px; 
				margin:10px auto;
				display: inline-block;
				color:#fff;
				
				border: 0px solid #71b8ce;
				-moz-border-radius: 6px;/*Firefox*/
				-webkit-border-radius: 6px;/*Safari, Chrome*/
				border-radius: 6px;

	 }
	 
.newthread1:hover ,.reply1:hover , .legacy2:hover {background:#83cde4; }	 
.newthread1_lock {
				font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
				font-weight: normal;
				font-size:14px;			
				background:#656565;
				padding:5px 60px; 
				margin:10px auto;
				display: inline-block;
				color:#fff;
				
				border: 0px solid #71b8ce;
				-moz-border-radius: 6px;/*Firefox*/
				-webkit-border-radius: 6px;/*Safari, Chrome*/
				border-radius: 6px;

	 }
.newthread1_lock:hover {background:#888787; }	 
/***/
.reply1{
				font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
				font-weight: normal;
				font-size:14px;			
				background:#71b8ce;
				padding:5px 20px; 
				margin:10px auto;
				display: inline-block;
				color:#fff;
				
				border: 0px solid #71b8ce;
				-moz-border-radius: 6px;/*Firefox*/
				-webkit-border-radius: 6px;/*Safari, Chrome*/
				border-radius: 6px;

	 }
.legacy2 {
				font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;
				font-weight: normal;
				font-size:13px;			
				background:#71b8ce;
				padding:2px 30px; 
				/*margin:10px auto;*/
				display: inline-block;
				color:#fff;
				   vertical-align: top;
				border: 0px solid #71b8ce;
				-moz-border-radius: 6px;/*Firefox*/
				-webkit-border-radius: 6px;/*Safari, Chrome*/
				border-radius: 6px;

	 }

 
/*****************/
.plat-color { padding: 22px 15px;}
.plat-color a { border-radius: 50%;}
.select-coloer {font-family:'Droid Arabic Kufi',Arial,Verdana,sans-serif;   vertical-align: bottom;
	margin-left:30px;
}
a.caolor1 { background:#4cd6ec; height:15px; width:15px;  display: inline-block; }
a.caolor2 { background:#f29d9c; height:15px; width:15px;  display: inline-block; }
a.caolor3 { background:#5dc28e; height:15px; width:15px;  display: inline-block; }
a.caolor4 { background:#da509c; height:15px; width:15px;  display: inline-block;  }
a.caolor5 { background:#555240; height:15px; width:15px;  display: inline-block;  }
a.caolor6 { background:#3f3e5f; height:15px; width:15px;  display: inline-block;  }


.navbar-link ul li.active a {
    border-bottom: 4px solid #71b8ce;
    color: #000000;
}

.header-login span {
    border: 1px solid;
    border-radius: 5px;
    padding: 5px 20px;
}

.header-login form.search {
    display: inline-block;
    border-bottom: 2px solid #545b6f;
    margin-left: 20px;
}

.header-login input.bginput {
    background-color: transparent;
    border: none;
    height: 35px;
    font-size: 12px;
}

.header-login input.button {
    background-color: transparent;
    border: none;
    font-size: 12px;
}

.header-login input.bginput::placeholder {
    color: #8f95a5;
    font: 12px 'Droid Arabic Kufi',tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif, lucida;
}

.alt1, .alt1Active, .alt2, .alt2Active {
    border-radius: 0 !important;
}

/* The Modal */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal .modal-content {
    background-color: #282c37;
    margin: auto;
    padding: 15px;
    width: 360px;
    border-radius: 20px;
    color: #FFF;
    text-align: center;
}

.modal .modal-content a {
    color: #FFF;
}

.modal .close {
    color: #aaaaaa;
    font-size: 40px;
    border: none !important;
    float: right;
    font-family: ari;
    padding: 0 !important;
    margin: -13px 0 0 0 !important;
    font-weight: 300;
}

.modal .close:hover,
.modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal .left {
    width: 140px;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
}

.modal .right {
    width: 140px;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
}

.modal input#navbar_username {
    display: block;
    margin: 15px auto;
    height: 48px;
    width: 280px;
    padding: 0;
    text-align: center;
}

.modal input#navbar_password {
    display: block;
    margin: 15px auto;
    height: 48px;
    width: 280px;
    padding: 0;
    text-align: center;
}

.modal input#navbar_username::placeholder, .modal input#navbar_password::placeholder {
font: 12px 'Droid Arabic Kufi',tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif, lucida;
}

.modal input.button {
    display: block;
    margin: 20px auto 40px auto;
    background-color: #e44c6f;
    border: none;
    height: 48px;
    width: 280px;
    border-radius: 5px;
    font-size: 14px;
}