@charset "utf-8";
/*
Theme Name: vip vpn
Theme URI: http://www.antifilter.space
Description: vip vpn
Version: 1.0Author: سینا افشار 
Author URI: http://antifilter.space
*/

html, body, div, input , span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
        font-family: BYekan;
}
@font-face {
  font-family: 'BYekan';
  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body { direction:rtl ; font:13px BYekan,tahoma ; }
a:link { color:#069 ; text-decoration:none }
a:visited { color:#069 ; text-decoration:none }
a:hover { color:#690 ; text-decoration:none }
.clear {
	clear:both
}
.middle {
	width:1000px;
	margin:auto;
	position:relative
}
.headbg { background:url(images/headerbg.jpg) ; width:100% ; height:300px ; background-color:#006da6 ; }
.header { background:url(images/header.jpg) ; width:958px ; height:300px ; }
 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:400px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:90px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		direction:ltr ; width:380px; height:90px ; padding:160px 70px 0 0;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none; direction:rtl ; width:400px ; height:90px
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:400px;
		height:90px;
		overflow:hidden; font-size:18px ; color:#a3bbce ; text-shadow:1px 1px 0px #004970
		}	
		#slider li span { font:12px Tahoma !important}
	#prevBtn{ 
		display:block;
		width:10px;
		height:10px;
		position:absolute;
		left:10px;
		top:133px;
		z-index:1000; cursor:pointer
		}	
		 #nextBtn
	{ 
		display:block;
		width:10px;
		height:10px;
		position:absolute;
		left:0px;
		top:133px;
		z-index:1000; cursor:pointer
		}															
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
	/*	background:url(../images/btn_prev.gif) no-repeat 0 0;	*/
		}	
	#nextBtn a, #slider1next a{ 
	/*	background:url(../images/btn_next.gif) no-repeat 0 0;	*/
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
.newports { width:170px ; height:25px ; position:absolute ; top:35px ; left:72px ; font-size:18px ; color:#ffffff ; text-shadow:1px 1px 0px #004970 ; cursor:pointer }
a#vlb{display:none}
/* bottom center */
/* bottom center */
#wowslider-container1  .ws_bullets {
    top: 5px;
    right: 10px;
}
#wowslider-container1 .ws_bullets .ws_bulframe {
	top: 20px;
}
#wowslider-container1 .ws_bullets .ws_bulframe {
	top: 20px;
}
#wowslider-container1 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:279px;
	height:295px;
	margin:0 auto 30px auto;
	z-index:100;
	/*background-image: url(./bg.png);*/
}
#wowslider-container1 .ws_frame{
	display:block;
	position: absolute;
	left:5px;
	top:5px;
	width:253px;
	height:269px;
	border:solid 8px black;
	z-index:9;
	opacity:0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
#wowslider-container1 .ws_shadow{
	width:100%;
	background: url(./shadow.png) left 100%;
	height:74px;
	position: absolute;
	left:0;
	bottom:-30px;
	z-index:-1;
}
#wowslider-container1 .ws_images{
	position: absolute;
	left:5px;
	top:5px;
	width:269px;
	height:285px;
	overflow:hidden;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}

#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
	max-width: none;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1 .ws_bullets a { 
	margin: 0;
	width:16px;
	height:15px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -1000px; 
	position:relative;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{ 
	background-position: -16px 0;
}
#wowslider-container1 .ws_bullets a.ws_selbull{
	background-position: right top;
}
#wowslider-container1 .ws_bullets a.ws_overbull{
	background-position: 50% top;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: 50% top;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:block;
	top:50%;
	margin-top:-10px;
	z-index:60;
	height: 22px;
	width: 22px;
/*  background-image: url(./arrows.png);	*/
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0; 
	right:-35px;
}
#wowslider-container1 a.ws_prev {
	left:-35px;
	background-position: 0 0; 
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:18px;
	left: 18px;
	margin-right:23px;
	z-index: 50;
	padding:5px;
	color: #FFF;
	background:#000;
    font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 12px;
}#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:15px;
	left:-42px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:84px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-11px;
	margin-left:-5px;
	left:42px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}
.cyrcleslider { position:absolute ; top:80px ; left:171px}
.menubarr { float:right}
.menubarr ul , .menusupport ul { list-style:none ;}
.menubarr ul li { float:right ; margin:0 7px }
.menubarr ul li a { font-size:18px ; padding:7px }
.menubarr ul li a:link {color:#000}
.menubarr ul li a:visited {color:#000}
.menubarr ul li a:hover { 	width: 99px; height: 37px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ff7800; background-image: -webkit-linear-gradient(bottom, #ff7800, #ff9600); background-image: -moz-linear-gradient(bottom, #ff7800, #ff9600); background-image: -o-linear-gradient(bottom, #ff7800, #ff9600); background-image: -ms-linear-gradient(bottom, #ff7800, #ff9600); background-image: linear-gradient(to top, #ff7800, #ff9600); color:#FFF} 
.menusupport { float:left ; margin:0 0 0 50px}
.menusupport li a { padding:7px ; 	width: 99px; height: 37px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ff7800; background-image: -webkit-linear-gradient(top, #b4d615, #96b311); background-image: -moz-linear-gradient(top, #b4d615, #96b311); background-image: -o-linear-gradient(top, #b4d615, #96b311); background-image: -ms-linear-gradient(top, #b4d615, #96b311); background-image: linear-gradient(to bottom, #b4d615, #96b311); font-size:18px }
.menusupport li a:link { color:#FFF}
.menusupport li a:visited { color:#FFF}
.aboutarea {	width: 957px; height: 218px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #e8e8e8; border: solid 1px #c3c3c3; margin:45px 15px 0 0}
.aboutbox {	width: 442px; height: 179px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 3px rgba(0,0,0,.2); margin:7px ;box-shadow: 2px 3px 3px rgba(0,0,0,.2); border: solid 1px #c3c3c3; float:right ; padding:10px}
.header h1 { display:none}
.aboutheadone { border-bottom:1px dashed #c3c3c3 ; background:url(images/arrow_blue.jpg) no-repeat right top; color:#006da6 ; font-size:18px ; padding:0px 20px 10px 0 }
.abouttext { font:12px Tahoma, Geneva, sans-serif ; color:#000 ; text-align:justify ; line-height:23px}
.aboutheadownload { border-bottom:1px dashed #c3c3c3 ; background: url(images/arrow_pink.jpg) no-repeat right top; color:#ff005a ; font-size:18px ; padding:0px 20px 10px 0 }
.downloadbtn { 	width: 131px; height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ff005a; background-image: -webkit-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -moz-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -o-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -ms-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: linear-gradient(to bottom, #e4e4e4, #cdcdcd); float:right ; padding:5px ; font:18px B Yekan ; color:#2b2b2b ; text-shadow:1px 1px 0px #e7e7e7 ; margin:5px 5px 0 0}
.downloadbtn img { float:right ; margin:5px 0 0 5px}
.packagearea { width:970px ; margin:5px 10px 0 0}
.packagebox { 	-webkit-box-shadow: inset 0 6px rgba(222,222,222,.75); -moz-box-shadow: inset 0 6px rgba(222,222,222,.75); box-shadow: inset 0 6px rgba(222,222,222,.75); border: solid 1px #b5b5b5; width: 229px; height: 284px; float:right ; margin:5px ; position:relative ;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#f0f0f0
}
.packagetab {  float:right ; margin:0 5px 0 0 ; font-size:18px ; color:#FFF ; letter-spacing:-0.7px ;}
.packagetab span { font-size:13px !important}
.packagetab .red { background:url(images/redtab.jpg) ; width:102px ; height:65px ; padding:12px 5px 0 0 ; text-shadow:1px 1px 0px #680000}
.packagetab .red span { color:#e62424 ; text-shadow:1px 1px 0px #6c0000 ; padding:0px 25px 0 0}
.packagetab .green { background:url(images/greentab.jpg) ; width:102px ; height:65px ;padding:12px 5px 0 0 ; text-shadow:1px 1px 0px #507902}
.packagetab .green span { color:#acd700 ; text-shadow:1px 1px 0px #567901 ; padding:0px 25px 0 0}

.packagetab .blue { background:url(images/bluetab.jpg) ; width:102px ; height:65px ;padding:12px 5px 0 0 ; text-shadow:1px 1px 0px #013463}
.packagetab .blue span { color:#0093ea ; text-shadow:1px 1px 0px #00386c ; padding:0px 25px 0 0}

.packagetab .orange { background:url(images/orangetab.jpg) ; width:102px ; height:65px ;padding:12px 5px 0 0 ; text-shadow:1px 1px 0px #7b2713}
.packagetab .orange span { color:#e78908 ; text-shadow:1px 1px 0px #7a2612 ; padding:0px 25px 0 0}

.packagetitle { float:right ; font:30px B Yekan ; padding:15px 10px 0 0 ; text-shadow:1px 1px 0px #FFF}
.packagetitle .red {color:#a60000}
.packagetitle .orange {color:#bc3a1c}
.packagetitle .green {color:#699e02}
.packagetitle .blue {color:#0056a6}
.orderarea { 	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.45); -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.45); box-shadow: inset 0 5px 5px rgba(0,0,0,.45); width: 229px; height: 52px; background:#5a5a5a ; position:absolute ; bottom:0px ; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.packagedescribe { width:92% ; font:12px Tahoma, Geneva, sans-serif ; border-bottom:1px dashed #b5b5b5 ; text-align:center ; padding:7px}
.packagedescribess { margin:15px 0 0 0}
.orderarea img { float:right ; margin:10px 20px 0 5px;}
.orderarea span { color:#FFF ; font-size:18px ; text-shadow:1px 1px 0px #000 ; margin:12px 0 0 0 ; float:right}
.footerbg { height:260px ; width:100% ; background:#b5b5b5 url(images/footer.jpg) top repeat-x ; margin:15px 0 0 0 ; position:relative}
.gotop { background:url(images/top.jpg) ; width:55px ; height:30px ; left:50% ; top:0px ; position:absolute ; cursor:pointer}
.footboox { 	width: 291px ;height: 137px ; border-radius:3px ;  background-color: #fff ;  border: solid 1px #848484 ; margin:35px 10px 0 0; float:right ; padding:10px}
.foothead { border-bottom:1px dashed #c3c3c3 ; background: url(images/arrow_black.jpg) no-repeat right top; color:#000 ; font-size:18px ; padding:0px 20px 10px 0 }
.footboox ul { list-style:none}
.footboox ul li { background:#eeeeee ; margin:4px 0 0 0 ; padding:5px ; border-radius:4px ; text-shadow:1px 1px 0px #FFF}
.footboox .note { padding:5px ; line-height:20px}
.footboox .note form { width:290px ; margin:5px 0 0 0 ; position:relative}
.footboox .note input { width:85% ; font:13px B Yekan ; background:#f3f3f3 ; padding:7px ; border:1px solid #adadad ; border-radius:3px ; box-shadow:inset 0px 2px 0px #dfdfdf}
.footboox .note input[type=submit] { width:73px ; background:#ff8000 ; box-shadow:inset 0px 20px 20px #ff9f00 ; border:none ; position:absolute ; top:5px ; left:30px ; padding:4px ; color:#FFF ; cursor:pointer }
.line { border-bottom:1px dashed #828282 ; width:100%; height:1px ; box-shadow:1px 1px 0px #cfcfcf ; margin:10px 0}
.footertext { float:right ; margin:3px 10px 0 0 ; text-shadow:1px 1px 0px #d5d5d5}
.wp {
	background: url(images/wp98.png) no-repeat right;
	width: 38px;
	height: 35px;
	float: left;
	margin: 0px 0 0 25px;
	transition-property: width;
	transition-duration: 1s;
	-moz-transition-property: width;
	-moz-transition-duration: 500ms;
	-webkit-transition-property: width;
	-webkit-transition-duration: 1s;
	-o-transition-property: width;
	-o-transition-duration: 1s;
}
.wp:hover {
	width: 120px;
	transition-property: width;
	transition-duration: 1s;
	-moz-transition-property: width;
	-moz-transition-duration: 500ms;
	-webkit-transition-property: width;
	-webkit-transition-duration: 1s;
	-o-transition-property: width;
	-o-transition-duration: 1s;
}
.singlearea { margin:45px 0 0 0}
.sidebar { width:298px ; border:1px solid #006da6 ; background:url(images/headmenu.png) no-repeat ; float:right ; margin:5px ; border-radius:5px}
.singlepost { width:638px ; border:1px solid #97b312 ; background:url(images/headpost.png) no-repeat ; float:right ; margin:5px ; border-radius:5px}
.sidebar h3 { width:90% ; padding:7px 0 0 0  ; margin:10px 0px ; text-align:center ; font:normal 18px B Yekan ; text-shadow:1px 1px 0px #FFF}
.nottes { padding:5px}
.sidebar ul { list-style:none}
.sidebar ul li { background:#e7e7e7 ; padding:5px ; border-radius:4px ; margin:5px 0 }
.sidebar ul li a:link { color:#000 !important}
.sidebar ul li a:visited { color:#000 !important}
.sidebar ul li:hover { background:#353535 ; color:#FFF }
.singlepost  h2 { width:90% ; padding:7px 10px 0 0  ; margin:10px 0px ; font:normal 18px B Yekan ; text-shadow:1px 1px 0px #FFF}
.facebookk { width:0px ; cursor:pointer ; height:135px ; transition-duration:0.5s  ; -moz-transition-duration:0.5s  ; -webkit-transition-duration:0.5s  ;  transition-property:all ; background:url(images/facebookes.png) right ; overflow:hidden ; position:fixed ; top:250px ; left:0px ; padding:40px 40px 0 0; z-index:5}
.facebookk:hover { width:80px ; } 
.overlay-container {
		display: none;
		content: " ";
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;z-index:750;
		background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
	}
	
	.window-container {
		display: block;
		background: #fcfcfc;
		margin: 8em auto;
		width: 500px;
		padding: 10px 20px 20px;
		text-align:right;
		z-index: 3;
		border-radius: 3px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.4s ease-out;
		-moz-transition: 0.4s ease-out;
		-ms-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: 0.4s ease-out;
		opacity: 0;
	}
	
	.zoomin {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
	.zoomout {
		-webkit-transform:  scale(0.7);
		-moz-transform:  scale(0.7);
		-ms-transform:  scale(0.7);
		transform:  scale(0.7);
	}
	
	.window-container-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
	}
	
		.window-container h3 {
			margin: 1em 0 0.5em;
font:18px BYekan;
			text-align: center;
		}
		
		.close {
			margin: 1em auto;
			display: block;
			background: #fafafa;
			background: -moz-linear-gradient(top,  #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(40%,#f4f4f4), color-stop(100%,#e5e5e5));
			background: -webkit-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
			background: -o-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
			background: -ms-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
			background: linear-gradient(to bottom,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
			border: 1px solid #aaa;
			padding: 5px 10px;
			color: #444;
			font-family: BYekan;
			font-size: 13px;
			border-radius: 3px;
			box-shadow: 0 1px 3px #ddd;
			-webkit-transition: 0.2s linear;
			-moz-transition: 0.2s linear;
			-ms-transition: 0.2s linear;
			-o-transition: 0.2s linear;
			transition: 0.2s linear;
			cursor: pointer; text-align:center
		}
	
			.close:hover {
				background: #fefefe;
				background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(40%,#f8f8f8), color-stop(100%,#e9e9e9));
				background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
				border: 1px solid #aaa;
			}
	
			.close:active {
				background: #f4f4f4;
				background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#efefef), color-stop(100%,#dcdcdc));
				background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc',GradientType=0 );
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
			}
.nottes img { border-radius:5px }
.nottes input[type=text] , .nottes textarea { padding:5px ; border-radius:5px ; border:1px solid #616161 ; margin:5px ; font:13px BYekan  }  
