/**=====================================================================*\
|| Designed By Sefaresh.Net                                             ||
\*=====================================================================**/  
  

/*
 * Tabs Module 
 */
.khTab { position: relative; border: 1px solid #eee;  }
.khTabWrap { margin: 0 auto; }
ul.khTabs { height: 46px; padding: 0; background: #222;   }
ul.khTabs li { background: none; border: none; border-right: 1px solid #444; height: 46px; line-height: 46px; float: left;  padding: 0 20px; color: #999; font-size: 11px; text-transform: uppercase; list-style-type:none; }
ul.khTabs li:first-child { border: none}
ul.khTabs li span { display: block;  }
ul.khTabs li.active,
ul.khTabs li:hover { color: #333;  cursor: pointer; background: #fff; border-color: #eee }
.khTabContainer0 { clear: both; margin:0; }
.khTabContainer1 { overflow: hidden; }
.khTabItem { float: left; overflow: hidden; padding: 0; }
.khTabButtonNext,
.khTabButtonPrev { display: none; }
.khTabContainer0,
.khTabContainer1,
.khTabContainer2 { position:relative; }
.khTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.khTabItem.active { position: static; left: 0; }
.khTabItemSpace { padding: 24px; }
.khTab  { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
ul.khTabs, .tab1 ul.khTabs li.active  { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }


/* suffix tab1 */
.tab1 .khTabContainer0 { }
.tab1 ul.khTabs { background: #f5f5f5; border-bottom: 1px solid #eee }
.tab1 ul.khTabs li {  margin: 10px 0 0 0; padding: 0 20px 0 20px; height: 36px; line-height: 40px; border:none; border-top: 1px solid #f5f5f5; font-weight: bold;  color: #333 }
.tab1 ul.khTabs li.active,
.tab1 ul.khTabs li:hover.active { padding: 0 19px; background: #fff; border: 1px solid #e5e5e5;  border-bottom: none; color: #333}
.tab1 ul.khTabs li:hover { color: #FC764A; background: none }
.tab1 ul.khTabs li:first-child { margin-left: 8px; }

/* suffix tab2 */
.tab2 ul.khTabs {  background: #7B9EF8; }
.tab2 ul.khTabs li {  padding:0; border: none; border-right: 1px solid #698AE0;  color: #fff  }
.tab2 ul.khTabs li span { padding: 0 20px; border-right: 1px solid #85A6FB}

ul.khTabs li.active { color: #333}
ul.khTabs li.active span { border-color: #fff}
.tab2 ul.khTabs li:hover{ background: #85A6FB}
.tab2 ul.khTabs li:hover.active { background: #fff}

/* suffix for slidshow */
#khslidshow {margin-top:10px!important;margin-bottom:-10px;}
#khslidshow .box > div{padding:10px!important;}


/* 
 * News Show Pro KH
 */
 
.nsp { position:relative; }

.nspMain { overflow:hidden; }
.nspPagination {
	list-style-type: none !important;
	margin: -25px 0 0 !important;
	padding: 0 !important;
	float: left;
}
.nspPagination li {
	float: left;
	width: 7px;
	height: 7px;
	margin: 0 4px 0 0 !important;
	background: #bebebe;
	border: none!important;
	padding: 0!important;
	text-indent: -999em;
	cursor: pointer;
}
.nspPagination li:hover,
.nspPagination li.active {
	background: #0690C6;
}
/* interface */
.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0; }
.nspBotInterface { margin:0; padding: 0; }
.nspTopInterface div { position: absolute; left:5px; padding:5px 3px; }
.nspBotInterface div { float: left; }
/* pagination */
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:0px 4px!important; font-size:10px; font-weight:normal !important; height:10px; line-height:10px; background:transparent; color:#ccc !important; cursor:pointer; float:left; margin: 0 0 0 8px !important; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#dfdfdf !important;padding:0px 2px!important; }
/* buttons: prev & next */
.nspBotInterface, 
.nspTopInterface  { margin: 0!important; }
.nspTopInterface div { top: 30px!important; }
.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { display: block;text-align:left; float:left; border:none !important; height: 17px;  width: 15px; margin: 0px 0 0 2px; background: transparent url('../images/style1/pagination_small.html') no-repeat 0 -15px; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: 0 0; }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: -15px -15px; }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: -15px 0; }
/* article layout */
.nspArts { overflow:hidden; }
.nspArt > div { overflow:hidden;  }
.nspArt h4.nspHeader { font-size: 11px;  line-height:15px; margin-bottom: 9px; margin-top: 6px;text-align:right;}
.eghtesadiimg {  background-color: inherit !important;  -webkit-background-color: inherit !important; -moz-background-color: inherit !important; -ms-background-color: inherit !important; -o-background-color: inherit !important; border: medium none !important;  float: right;  margin: 5px 0 0;  padding: 0 !important;  width: 18px;}
.nspArt img { border: 1px solid #D8D8D8; background: #EFEFEF url('../images/style1/slidebg.html') repeat-x left top; padding: 6px; }
.eghtesadiimg {  margin: 5px 0 0;  padding: 0 !important;  width: 16px;}
.nspArt img:hover { opacity: 0.85; filter: alpha(opacity=85); }
.nspLinks h4 a { }
.nspLinks h4 a:hover,
.nspArt h4.nspHeader a:hover { }
.line p {  line-height: 1.2;  margin: 0 15px 0 0;}
/*.nspArt p.nspText { margin-top: 0!important; text-align: justify; line-height: 1.8; }*/
.nspArt p.nspInfo { font-size:11px; color: #999; margin:6px 0; }
.nspArt .tleft { text-align:left; }
/*.nspArt .tright { text-align:right; }*/
.nspArt .tcenter { text-align:center; }
.nspArt .tjustify { text-align:justify; }
.nspArt .fleft { float:left; }
.nspArt .fright { float:right; }
.nspArt .fnone { clear:both; width:100%; float:none; }
.nspArt { float:left; }
.nspArt p.nspText + .readon {
	margin-top: 14px;
			background: #F2F2F2;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	       -ms- border-radius: 3px;
    -o- border-radius: 3px;
	color: #2f3234;
	font-size: 11px;
	line-height: 30px;
	padding: 0 10px;width:auto;
}
.readon.left,
.readon.right,
.readon.center {
	clear: both;
}
.readon.left {
	float: left;
}
.readon.right {
	float: right;
}
.readon.center {
	display: inline;
	float: none;
}
.box .nspLinks ul li { border-top: 1px solid #ebebeb!important; list-style-type: none!important; background: none!important; padding-left: 0!important; margin: 0!important; }
.nspLinks ul li:first-child { border-top: none!important; padding-top: 0px }
.nspLinks ul li h4 { font-size:11px; line-height:1.2!important; font-weight: bold; font-family: tahoma; margin-bottom: 4px; }
.nspLinks ul li p { margin:0; font-size:11px;  line-height: 130% }
.nspLinks ul li { margin:0; padding:11px 0 12px; height:auto; border-bottom:none; }
.nspLinks ul { padding:0; margin:0; list-style-type:none!important; clear:none!important; }
.nspArts.left { float:right; }
.nspLinksWrap.left { float:left; }
.nspArts.right { float:left; }
.nspLinksWrap.right { float:right; }
.nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.nspAvatar { margin-bottom:-5px; }

a.nspComments { }
/* highlight suffix */
.box.highlight > div { padding: 14px 0px!important; }
.box.highlight .nspArt { border-left: 1px solid #ebebeb; margin-left: -1px; }
.box.highlight .nspArt:first-child { border-left: none; }
.box.highlight .nspArt > div { margin: 0 10px; }
.box.highlight h4.nspHeader { font-size: 11px; line-height: 1.2!important; }
.box.highlight .nspInfo { color: #fc764a; font-size: 10px; text-transform: uppercase; margin: 2px 0 1px 0; }
.box.highlight .nspInfo a { color: #fc764a; }
.box.highlight .nspArt:hover > div { background: #fc764a; color: #fff; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: background 0.5s ease-in; -moz-transition: background 0.5s ease-in; transition: background 0.5s ease-in; }
.box.highlight .nspArt:hover > div a { color: #fff!important; }
/* border0/1/2 suffix */
.border0 .nspTopInterface div { top: 20px!important; right: 20px!important; }
.border1 .nspTopInterface div { top: 6px!important; right: 0!important; }
.border2 .nspTopInterface div { top: 37px!important; right: 30px!important; }

/* suffix vertical */
.nsp.vertical .header {
	margin-bottom: 0!important;
}

/* Image Show */
.khIsWrapper-kh_nab2 { position:relative; width:100%; overflow:hidden; }
.khIsWrapper-kh_nab2 .khIsImages { position: relative; height: 100%!important; overflow: visible!important; }
.khIsWrapper-kh_nab2 .khIsSlides { overflow: hidden; position: absolute; top: 0; left: 0; visibility:hidden; padding: 25px 8px; }
.khIsWrapper-kh_nab2 .khIsSlides:first-child { visibility:visible; position: relative; }
.khIsWrapper-kh_nab2 .khIsSlide { position:relative; float: left; overflow: hidden; }
.khIsWrapper-kh_nab2 .khIsTitleBlock { background: #f7f7f7; height: 77px; padding: 0 22px; 
 border-bottom: 1px solid #e3e3e3; line-height: 77px; }
.khIsWrapper-kh_nab2 .khIsTitleBlock > h3 { font-size: 11px; font-weight: normal; color: #333; float: left; text-transform: uppercase; }
.khIsWrapper-kh_nab2 .khIsTitleBlock > h3 > span { color: #fc764a; }
.khIsWrapper-kh_nab2 .khIsPagination { list-style-type: none; margin: 25px 0 0 0; padding: 0; float: right; }
.khIsWrapper-kh_nab2 .khIsPagination li { list-style-type: none; margin: 0; padding: 0;
 width: 28px; height: 28px; float: left; text-indent: -9999px; background: transparent url('../images/style1/is_pagination.html') no-repeat 0 0; cursor: pointer; }
.khIsWrapper-kh_nab2 .khIsPagination li.active { background-position: right top; }
.khIsWrapper-kh_nab2 .khIsPreloader { position:absolute; z-index:128; top:0; left:0; background:#f0f0f0 url('../images/loader.html') no-repeat center center!important; width:100%; height:100%; text-indent:-999em; }

.khIsWrapper-kh_nab2 .khIsSlide > div {
	border: 1px solid #d8d8d8; background: #efefef url('../images/style1/slidebg.html') repeat-x left top; padding: 7px; margin: 0 6px; }
.khIsWrapper-kh_nab2 .khIsSlide:hover > div { background: #222!important; background-image: none!important; border-color: #222; cursor: pointer; }
.khIsWrapper-kh_nab2 .khIsSlide:hover > div h3 a { color: #eee; text-shadow: 0 0 0 #000; }	
.khIsWrapper-kh_nab2 .khIsSlide:hover > div span { color: #aaa; text-shadow: 0 0 0 #000; }
	
.khIsWrapper-kh_nab2 .khIsSlide h3  { text-align: center; font-size: 11px; padding: 15px 0 10px 0; }
.khIsWrapper-kh_nab2 .khIsSlide h3 a { font-size: 11px; color: #222; font-weight: normal; text-align: center; text-transform: uppercase; line-height: 13px; text-shadow: 0 1px 0 #fff; }
.khIsWrapper-kh_nab2 .khIsSlide span { text-align: center; display: block; font-size: 10px; color: #848484; line-height: 10px; text-shadow: 0 1px 0 #fff; padding: 0 0 10px 0; }
.khIsWrapper-kh_nab2 .khIsSlide .khIsImage + span { padding-top: 15px; }
.khIsWrapper-kh_nab2 .khIsSlide .khIsImage { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.khIsWrapper-kh_nab2 .khIsSlide .khIsImage:hover { opacity: 0.85; }
.khIsWrapper-kh_nab2 .khIsSlide { -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
.khIsWrapper-kh_nab2 .khIsSlide.khIsHidden { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); }

.khIsWrapper-kh_nab2 .khIsLoader { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #fff; height: 8px; background: #f1f1f1; margin: 10px 120px 20px 120px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; }

.khIsWrapper-kh_nab2 .khIsLoader > div.khIsProgress { background: transparent url('../images/style1/is_loader.html') repeat-x 0 0; height: 8px; text-indent: -9999px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 0%; }

.khIsWrapper-kh_nab2 .khIsLoader > div.khIsProgress {
	-webkit-animation-duration: 5s;  
	-webkit-animation-iteration-count: infinite;  
	-webkit-animation-name: loader;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-duration: 5s;  
	-moz-animation-iteration-count: infinite;  
	-moz-animation-name: loader;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes loader {  
	from { background-position: 0 0; }        
	to { background-position: -200px 0; }  
} 
  
@-moz-keyframes loader {  
	from { background-position: 0 0; }      
	to { background-position: -200px 0; }  
}
       
.khIsWrapper-kh_nab2 .khIsLoader > div.khIsCursor { width: 37px; height: 37px; background: transparent url('../images/style1/is_cursor.html') no-repeat 0 0; margin-top: -14px; position: absolute; left: 0; top: 0; text-indent: -9999px; cursor: move; }


/* JomSocial 2.4.1 modules */
.box #cLatestMembers li {list-style: none!important;}
.box #cLatestMembers li a { border: 1px solid #D8D8D8; background: #EFEFEF url('../images/style1/slidebg.html') repeat-x left top; padding: 6px; margin: 3px 3px 3px 0;}
.box #cLatestMembers .cAvatar {width: 64px; height: auto; border: none!important}
.box #cLatestMembers li a:hover .cAvatar {opacity: 0.85; filter: alpha(opacity=85);}
.box #cLatestMembers + div a { height: 36px; line-height: 36px; float: left; padding: 0 20px; color: #222; font-size: 11px; text-transform: uppercase; border: 1px solid #e8e6e6; font-weight: bold!important; background: transparent url('../images/btn.html') repeat-x left top; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 12px; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; transition: color 0.3s linear; }
.box #cLatestMembers + div a:hover {color: #fc764a; cursor: pointer;}

/* Tipsy library */
.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(../images/tipsy.html); -webkit-background-image: url(../images/tipsy.html); -moz-background-image: url(../images/tipsy.html); -ms-background-image: url(../images/tipsy.html); -o-background-image: url(../images/tipsy.html);
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;	-webkit-background-color: black;
	-moz-background-color: black;
	-ms-background-color: black;
-o-background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;

}
.tipsy-inner {
    border-radius: 3px;
   -moz- border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.tipsy-north {
	background-position: top center;
}
.tipsy-south {
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}

/**=====================================================================*\
|| This template for joomla and design by - http://www.khalilan.com     ||
|| #################################################################### ||
|| # the theme re desing for (t)tdatalife by www.hanweb.ir              ||
|| #################################################################### ||
|| The new structural framework Tiam, working Powered by Khalilan Media ||
\*=====================================================================**/