@font-face {
  font-family: Sahel;
  src: url('fonts/Sahel-FD.eot');
  src: url('fonts/Sahel-FD.eot?#iefix') format('embedded-opentype'),
       url('fonts/Sahel-FD.woff2') format('woff2'),
       url('fonts/Sahel-FD.woff') format('woff'),
       url('fonts/Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Sahel;
  src: url('fonts/Sahel-Bold-FD.eot');
  src: url('fonts/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('fonts/Sahel-Bold-FD.woff2') format('woff2'),
       url('fonts/Sahel-Bold-FD.woff') format('woff'),
       url('fonts/Sahel-Bold-FD.ttf') format('truetype');
  font-weight: bold;
}
img{border:none}a{border:none}form{margin:0px;padding:0px}
.header {font-family: Sahel;height: 84px;font-size: 1rem;background:#ebebeb url('header.jpg') no-repeat top;margin:0px;border-top:1px solid #ffffff;border-bottom:1px solid #e5e5e5;}
html{
	background:#cccccc url('hbg.jpg');
	font-size:14px;
}
/* @font-face { */
/* font-family:Sahel; */
    /* src:url('dast.eot?#') format('eot'),     */
          /* url('dast.woff') format('woff'), */
          /* url('dast.ttf') format('truetype'); */
 /* } */
body {
font-family: Sahel;font-size: 1rem;
padding: 0px;margin: 0px;
}

#tpage{
height:20px;
}

#ppage{
height:20px;
}

#onlineusersinchatroom{
color:#fff;
}

#notification{
	position:absolute;
	text-align:center;
	left:103px;
	top:66px;
	display:block;
}

#notification a , #mainnotification a {
	background:red url(nbg.gif) repeat-x top;
	border:1px solid #ac0202;
	padding:2px 6px 2px 6px;
	color:#fff;
	display:block;
	border-radius:2px;
}


#notificationbars{
	position:absolute;
	text-align:right;
	left:103px;
	top:86px;
	background:red url(bg.png) repeat-x top;
	width:240px;
	display:none;
	border:1px solid #ac0202;
	border-radius:2px;
}

#onlinefriends{
	position:absolute;
	text-align:center;
	left:80px;
	top:66px;
	display:block;
}

#onlinefriends a , #mainonlinefriends a {
	background:yellow url(bg2.png) repeat-x bottom;
	border:1px solid #9c9c01;
	padding:2px 6px 2px 6px;
	color:#4f4f01;
	display:block;
	border-radius:2px;
}

#onlinefriendsbars{
	position:absolute;
	text-align:right;
	left:80px;
	top:86px;
	background:yellow url(bg.png) repeat-x top;
	width:240px;
	border:1px solid #9c9c01;
	display:none;
	border-radius:2px;
}

.notification_line{
	padding:4px;
	background:#fff url(bg2.png) repeat-x bottom;
	margin:2px;
}

#mainnotification{
	position:absolute;
	text-align:center;
	left:117px;
	top:30px;
	display:block;
}

#mainnotificationbars{
	position:absolute;
	text-align:right;
	left:117px;
	top:50px;
	background:red url(bg.png) repeat-x top;
	width:240px;
	display:none;
	border:1px solid #ac0202;
	border-radius:2px;
}

#mainonlinefriends{
	position:absolute;
	text-align:center;
	left:94px;
	top:30px;
	display:block;
}

#mainonlinefriendsbars{
	position:absolute;
	text-align:right;
	left:94px;
	top:50px;
	background:yellow url(bg.png) repeat-x top;
	width:240px;
	border:1px solid #9c9c01;
	display:none;
	border-radius:2px;
}

.page {background:#fff;border:1px solid #d8d8d8;width: 960px;direction: rtl;padding:0px 0px 0px 0px;
border-radius:7px;
box-shadow:0px 0px 11px #6b6b6b;
}
.des {
background: #06588a url('des.gif') repeat;
margin:0px;
text-align:right;
line-height:3.4em;
border:2px solid #4c9fd1;
padding:0px 8px 0px 8px;
border-radius:6px;
}
.des a {text-decoration: none ;color:#cccccc;border:1px solid #044d79;padding:4px 8px 4px 8px;border-radius:4px;text-shadow:0px -1px 1px #313131;}
.des a:hover , .des a.cur {text-decoration: none ;background:#043d5f;border:1px solid #034268;color:#ffffff;text-shadow:0px 1px -1px #313131;}
.footer{margin:20px 11px 0px 11px;line-height: 2.5em;background-color: #ffffff;}
a {text-decoration: none ;color:#464646; -moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
a:hover {text-decoration: none ;color:#8a0d4a;}
.menu {width: 20%;float: right;font-size: 1rem;
background: #f7f7f7;
box-shadow:0px 0px 8px #6b6b6b;
border:1px solid #f0f0f0;border-top:0px;margin:10px 10px 10px 0px;
}
.ads {width: 18%;float: right;font-size: 1rem;border:1px solid #d9d9d9;margin:10px 0;}
.main {width:60%;float: left;}


.main .title , .title {line-height: 2em;font-size: 14pt;color:#8a0d4a;font-family:Sahel;padding:0px 4px 0px 4px;border-bottom:1px solid #f0f0f0}
.menu .title , .ads .title {line-height: 2em;font-size: 13pt;color:#8a0d4a;font-family:Sahel;padding:0px 4px 15px 4px;background:url(border.png) no-repeat center 32px;text-align:center;border-bottom:0px;}

.txtads{
	border-right:2px solid #dd559d;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #c7c7c7;
	padding:2px;
	margin:0px 4px 3px 4px;
	text-align:right;
	-webkit-transition : all 0.5s ease-in-out;
	-moz-transition : all 0.5s ease-in-out;
	-o-transition : all 0.5s ease-in-out;
}
.txtads:hover{
	background:#b64883;
	border-right:2px solid #b64883;
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	border-bottom:1px solid #e6e6e6;
}
.txtads a{
color:#888888;
width:100%;
DISPLAY: block;
text-shadow:1px 1px 1px #e6e6e6;
}
.txtads a:hover{
color:#fff;
text-shadow:1px 1px 1px #888888;
}

.supporters{
	font-size:16pt;
	font-family:arial;
	line-height:1.5em;
	border-radius:8px;
	border-right:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	border-top:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	padding:4px;
	margin:4px;
	background:#ededed url(bg.png) repeat-x top;
	float:right;
}

.supporters:hover{
	border-left:1px solid #b2b2b2;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}

.supporters a{
width:100%;
DISPLAY: block;
}

.content {margin:0px;padding:0px;color:#333333;}
.item {text-align: justify;margin: 2px;margin-bottom:6px;}
.bg {padding: 4px;line-height: 24px;font-size: 1rem}

h1{font-size: 15px;font-family:Sahel;font-weight:normal;padding:0px;margin:0px;}
.bg h2 , .bg h3{font-size: 1rem;font-family:Sahel;font-weight:normal;padding:0px;margin:0px;}

#task{
background: #f5f5f5;border:1px solid #e5e5e5;border-top:0px;
text-align:right;
padding:6px;
}

.tasktd{
	text-align:center;padding:4px;font-size:9pt;width:5%;border:1px solid #8f8f8f;
	background:#a2acb2 url(uabg.gif) repeat-x top left;
	cursor:pointer;
}

.tasktd:hover{
	text-align:center;padding:4px;font-size:9pt;width:5%;border:1px solid #8f8f8f;
	border-bottom:0px;
	background:#a1d7f3 url(bg.png) repeat-x top;
	cursor:pointer;
}

.tasktdcur{
	text-align:center;padding:4px;font-size:9pt;width:5%;border:1px solid #8f8f8f;border-bottom:0px;
	background:#a1d7f3 url(bg.png) repeat-x top;
	font-weight:bold;
	color:#043f5d;
	border-radius:3px;
}
.tasktdsp{
	padding:4px;width:1%;border-bottom:1px solid #8f8f8f;
}

.tasktdcont{
	text-align:right;padding:4px;font-size:9pt;border:1px solid #8f8f8f;border-top:0px;
	background:#a1d7f3;
	line-height:2.4em;
}

.tasktdcont a{
	padding:4px;
	background:#f2f2f2 url(bg.png) repeat-x top left;
	border:1px solid #dadada;
	border-radius:4px;
	margin:0px 2px 0px 2px;
	color:#666666;
	box-shadow:0px 1px 1px #9f9f9f;
}
.tasktdcont a:hover{
	padding:4px;
	background:#fff;
	border:1px solid #dadada;
	margin:0px 2px 0px 2px;
	color:#333333;
	box-shadow:0px 1px 1px #9f9f9f;
}

.tasktdcont a.curr{
	padding:4px;
	background:#fff;
	border:1px solid #dadada;
	margin:0px 2px 0px 2px;
	color:#333333;
	box-shadow:0px -1px 1px #9f9f9f;
}


.ender {clear: both;}
UL#pnl {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1rem; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px}
UL#pnl LI {BORDER: #ffcf2d 0px solid; MARGIN-TOP: 0px; DISPLAY: block; MARGIN-BOTTOM: 0px; WIDTH: 99%; LIST-STYLE-TYPE: none}
UL#pnl LI A:link {DISPLAY: block; BACKGROUND:transparent; TEXT-DECORATION: none;border-right:0px solid #818181;padding-right:2px}
UL#pnl LI A:visited {DISPLAY: block; BACKGROUND:transparent; TEXT-DECORATION: none;border-right:0px solid #818181;padding-right:2px}
UL#pnl LI A:hover {DISPLAY: block;PADDING-RIGHT: 2px;DISPLAY: block;background:#ECF3FB}
.form1 , .form2{font-size:1rem;font-family:Sahel}
h2{font-size:1rem;font-family:Sahel;font-weight:bold;margin:1px;padding:1px}
.float{float:left;margin-right:6px;margin-bottom:6px}
.roz{font-size: 1rem;color:#33555f;}
.bg2 ul{list-style-type:none;margin:0px;padding:0px;}
.bg2 ul li{display: block;background:url(barrow.gif) no-repeat right center;padding:0 20px 0 0 !important;font-size:1rem; margin:0 0 2px;}
.bg2 ul li a:hover {
	color:#000;
	text-shadow:0 0 15px #E00004;
}
.bg2 ul li:nth-child(2n) a:hover {text-shadow:0 0 15px #13A6FF;}
.info{background:#e4e4f1;color:#022a74;padding:4px;margin:2px;line-height:1.5em;}

textarea, input[type='text'], input[type='email'], input[type='password'], select {
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	color: #000;
	margin: 1px;
	padding: 3px;
	font-size:12px;
}
input[type="hidden"]{
	padding: 0px;	
	border:0px;
}

input[type='text']:hover, input[type='email']:hover, input[type='password']:hover, textarea:hover, label:hover {
	background: #fff;
	border: 1px solid #a0a0a0;
}

input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #4d90fe;
}

#newlink{
	text-align:center;
	margin:100px auto;
	font:10pt Sahel;
}
.pagenu {
	text-align: right;
	float: center;
}
.pagenu a {
	-moz-border-radius: 0px;
	border: 1px solid #CCCCCC;
	padding: 2px 5px 2px;
	margin-bottom: 5px;
	display: inline-block;
	background-color: none;
	color:#999;
}
.pagenu a:hover {
	border-color:#666;
	color:#666;
	background-color: none;
	text-decoration: none;
}

.inputi{
	height:27px;
	padding:5px;
	background:#F4F4F4;
	border:1px solid #B2B2B2;	
	size:50px;
}

.inputm{
	font:9pt Sahel;
	padding:5px;
	background:#F4F4F4;
	border:1px solid #B2B2B2;	
}

	/* Nomalize Code */
#message{
	display:none;
	position:fixed;
	top:5%;
	left:13%;
	cursor:pointer;
	width:450px;
	margin:auto;
	border:1px solid #249224;
	background:#FFF;
	height:54px;	
}
#messagebox{
	border:8px solid #8CDA5C;
	height:38px;	
	font:9pt Sahel;
	line-height:3em;
	padding-right:10px;
}


#hint{
	width:90%;
	margin:10px auto 10px auto;
	border:1px solid #266AAD;
	background:#FFF;
	height:54px;	
}
#hintbox{
	border:8px solid #ECF5FF;
	height:38px;	
	font:9pt Sahel;
	line-height:3em;
	padding-right:10px;
}


#errormes{
	display:none;
	position:fixed;
	top:40%;
	left:24%;
	cursor:pointer;
	width:600px;
	margin:auto;
	border:1px solid #D0A03D;
	background:#FFF;
	height:54px;	
}
#errormesbox{
	border:8px solid #EFDD6A;
	height:38px;	
	font:9pt Sahel;
	line-height:3em;
	padding-right:10px;
}


td,input,textarea,select { font-family:Sahel;font-size:1rem; }


.lbox { float:left;width:160px;line-height:1.5em;padding-right:10px; }
.rbox { float:right;width:160px;line-height:1.5em;padding-left:10px; }

.loading	{
	position:relative;
	border:1px solid #e0e0e0;
	filter:alpha(opacity:80);
	background-color:#ffffff;
	padding:20px;
	line-height:150%;
	text-align:center;
	top:0;
	right:0;
	font-size:10pt;
	width:200px;
}

.cplnks { background-color:#fbfbfb;border:1px solid #f0f0f0;border-width:1px 0 1px 0;width:100%;padding:1px 5px 3px 0;margin:1px 0 1px 0;cursor:hand; }

/*** Global Settings ****/

ul {padding:0;margin:0 17px 0 0;list-style: square url(bullet.gif);}
.box {background : #fbfbfb;border : 1px solid #f0e9eb;padding : 15px;text-align:justify;line-height:1.5em;}
.box2 { padding : 15px;text-align:justify;line-height:1.5em;}
.box3 { padding : 0 10px 10px 10px;text-align:justify;line-height:1.5em;}

/*** Layout ****/
#wrapper {margin : 0 auto;width : 800px;border : 1px solid #f0e9eb;}
#header {margin : 0 1px;}
#bg {height : 30px;background : url(bg.gif) repeat-x;}
#nav {background : #f0f0f0;padding : 10px 10px;text-align : right;color : #c0c0c0;background : url(bg5.gif);}
#nav a:visited, #nav a:link {text-decoration : none;color : #ffffff;}
#nav a:hover {text-decoration : none;color : #ffcc00;}
#main-content {margin : -10 auto;}
#logo {margin-bottom : 20px;text-align:left;}
.logotxt1 {font : normal 35px Times New Roman;color : #fa7393;margin : 10px 0 0 15px;}
.logotxt2 {font : normal 30px Times New Roman;color : #7a2e40; }
#left-column {width : 550px;padding : 0 0 10px 10px;float : left;}
#right-column {width : 210px;float : right;}
.crd a:visited, .crd a:link, .crd a:hover{text-decoration : none;color : #2a3845;cursor: text;}
#footer {background : #f7f7f7;border-top : 1px solid #f0e9eb;padding : 10px 15px;clear : both;direction:ltr;}

/*** SideBAR ***/
#main-image {text-align : center;}
.sidebar {width : 100%;margin : 0 10px 10px 0;padding : 0;background : url(shadow.jpg) no-repeat top;}

.m { border:1px solid #f0f9eb;width:100%;margin-bottom:5px; }
.m1 { background : url(bg2.gif);color:#000;font-weight:bold;padding:2px 6px 2px 0;width:100%; }
.m2 { padding:2px 6px 2px 4px;line-height:1.5em;width:100%; }


.tagchecklist{margin-left:14px;font-size:12px;}
.tagchecklist strong{margin-left:-8px;}
.tagchecklist span{font-size:11px;}
.tagchecklist span a{width:10px;height:10px;}

.tagchecklist{
margin:4px;
}

.tagchecklist span {
		height:10px;
		font-size:10px;
		cursor:pointer;
		padding-right:15px;
		padding-left:15px;
}

.tagchecklist span a{

	cursor: pointer;
	padding:0px 2px 0px 2px;
	color:#fff;
	background:url(tagdelete.gif) no-repeat right;
}
.tagchecklist span a:hover {

background:url(tagdelete.gif) no-repeat left;
}
a.newsignup, input[type='submit'],input[type='button'] {
background: #4787ee url('bgbtn.gif');
border:1px solid #3079ed;
padding:3px 6px 5px 6px;
font-family: Sahel;
font-size: 9pt;
border-radius:2px;
color:#ffffff;
}
input[type='submit']:hover,input[type='button']:hover {
background: #367be9 url('bgbtnhov.gif');
border:1px solid #2f5bb7;
cursor:pointer;
}
.comments{
margin:20px;background:#f6f6f6;border:1px solid #e6e6e6;padding:2px;
line-height:1.5em;
}
.dbars{
text-align:left;border:1px solid #e6e6e6;
}
.bars{
border:1px solid #e6e6e6;float:left;
}
.pagination {direction:ltr;margin:6px}
.pagination a{padding:6px;padding-top:3px;padding-bottom:3px;border:1px solid #E6E6E6;background:#F6F6F6;margin-right:2px;margin-left:2px;}
.pagination a:hover{padding:6px;padding-top:3px;padding-bottom:3px;border:1px solid #E6E6E6;background:#E6E6E6;margin-right:2px;margin-left:2px;}
.current{padding:6px;padding-top:3px;padding-bottom:3px;color:#fff;border:1px solid gray;background:#999;}
#bresult{_background:#ed89b8;background:#ed89b8 url(bg.png) repeat-x top;margin:8px;line-height:2.4em;border:1px solid #e3619e;padding:0px 5px 0px 5px;cursor:pointer;text-align:justify;}
#result{_background:#cbe361;background:#cbe361 url(bg.png) repeat-x top;margin:8px;line-height:2.4em;border:1px solid #b5bc39;padding:0px 5px 0px 5px;cursor:pointer;text-align:justify;}
.signup_message {
	padding:10px;
	text-align:justify;
	border:1px solid #ffb7b7;
	background:#fff2f2;
	border-radius:5px;
	font-size:14px;
	line-height:24px;
}
ul.adss {
	margin:0;
	padding:0;
}
ul.adss li {
	margin:4px 0 4px 4px;
	list-style:none;
}
ul.adss li a {
	display:block;
	padding:2px 2px 1px 2px;
	width:100%;
	font-size:1rem;
	line-height:2rem;
	color:#2d3238;
	border:1px dotted #c7d1dc;
	text-align:center;
	background: rgb(231,231,231);
	-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;
}
a.newsignup {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 30px;
	font-size:20px;
	color:#fff;
}
.btn:hover, ul.adss li a:hover {
	box-shadow:0 0 15px rgba(0,0,0,.25);
	border:1px solid #fff;
	color:#fff;
background: #bfd255;
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );

}
UL#adss LI A:hover{border:1px solid #d6eef8;background:#d7edf4;color:#33555f;}
.help {
	font-size:1rem;
	padding:5px 10px;
}
.help p {
	font-weight:bold;
	font-size:1rem;
}
.green {
	color:#006400;
}
.hamsan .jslinks {
	height:540px;
	overflow:hidden;
	margin:0;
}
.hamsan .jslink_item {
	width:90% !important;
	overflow:visible !important;
	position:relative;
}
.hamsan .jsl_title {
	position:absolute;
	bottom:1px;
	right:5px;
	width:100% !important;
	text-align:center !important;
	background:rgba(0,0,0,.5);
	color:#fff !important;
	font-size:13px !important;
}
.footer_bgg, .page {
	width : 1140px;
}
.head1 {
	float:right;
	margin:5px 0 0;
}
.head2 {
	float:right;
}
.page_head {
	border-radius:0;
	border:0;
	background:none;
	box-shadow:none;
}
/* rep items */
.rep_item {
	width:160px;
	height:auto;
	margin:10px auto;
	-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.rep_item a {
	display:block;
	position:relative;
}
.rep_item a span {
	position:absolute;
	bottom:4px;
	right:4px;
	left:4px;
	padding:5px 0;
	background:rgba(0,0,0,.75);
	color:#fff;
	width:100%;
	text-align:center;
	-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.rep_item a:hover span {
	background:rgba(22,52,205,.75);
}
.rep_item a img {
	display:block;
	margin: 0 auto;
	border-radius:5px;
	border:1px solid #ededed;
	padding:3px;
	width: 100%;
	height: auto;
	-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.rep_item a:hover img {
	border-color:#CECECE;
	box-shadow:0 0 8px rgba(0,0,0,.2);
	filter:blur(0);
}
.sidebar_links {
	padding-bottom:10px;
}
.archive_link {
	float:left;
	margin:10px;
	margin-left:20px;
	padding:5px 10px;
	background:#c4c4c4;
	display:block;
	border-radius:5px;
}
.archive_link:hover {
	background:#1634cd;
	color:#fff;
}
@media only screen and (min-width: 768px) {
	li.newsItems {
		float:right;
		width:46%;
		white-space: nowrap;
		overflow:hidden;
		-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
	}
	li.newsItems:hover {
		white-space: normal;
	}
	.reps .rep_item2 {
		float:right;
		width:33%;
	}
	.reps .rep_item {
		width:180px;
	}
}
@media only screen and (max-width: 1170px) {
	.footer_bgg, .page {
		width : 96%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 960px) {
	.input-post {
		width:90px;
	}
}
@media only screen and (max-width: 900px) {
	.ads, .menu, .main {
		width:100%;
	}
	.input-post {
		width:200px;
	}
}
.support {
	position:fixed;
	bottom:0;
	left:0;
	width:150px;
}
.support span {
	color:#fff;
	background:#8d0404;
	display:block;
	height:24px;
	line-height:24px;
}
.support a {
	display:block;
	padding:5px;
	height:28px;
	line-height:28px;
	background:#1ebea5;
	color:#fff;
}
a.support2 {
	background:#0088cc;
}