/**
 * @version   1.0 May 15, 2011
 * @author    Mariusz Boloz http://www.mariuszboloz.com
 * @copyright Copyright (C) 2011 Mariusz Boloz
 */
 
 
/*-----------------------------------------------------------------------------------*/
/*	Article
/*-----------------------------------------------------------------------------------*/
 /* article heading */
.article-heading						{position:relative;
										margin-bottom:20px;}
 
 
.article-heading a						{color:#444;
										text-decoration:none} 

.article-heading a:hover,
.article-heading a:active,
.article-heading a:focus				{color:#444;
										text-decoration:none;}
 
.article-heading ul.article-icons li	{list-style:none;
										margin:0;
										padding:0;
										display:inline-block;}
 
 
.article-heading ul.article-icons		{position:absolute;
										top:10px;
										right:0;
										margin:0;}
 
 
 
.article-heading ul.article-icons a		{color:#a8a8a8;
										text-decoration:none!important;} 
 
 
 
 
.article-heading ul.article-icons a:hover,
.article-heading ul.article-icons a:active,
.article-heading ul.article-icons a:focus	{color:#444;} 
 


/* article images */
.article-image,
.article-video	{margin-bottom:20px;}


.article-image img,
.article-image p	{margin:0;}

 
 
 
.img_caption					{width:auto!important;} 

.article-image .img_caption p	{font-size:92%;
								font-style:italic;
								color:#999;
								padding:5px 0 0 0;}
 
 
 
 
 
 
 
 
/* article tags */ 
article .tags	{margin:0 0 15px 0;}



 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Article tools
/*-----------------------------------------------------------------------------------*/
.article-tools 		{border-top:solid 1px #e9e9e9;
					border-bottom:solid 1px #e9e9e9;
					position:relative;
					font-size:90%;
					color:#a8a8a8;} 
 
 
.article-tools ul.article-info		{margin:0;
									padding:0;
									float:left;}
 
 
.article-tools ul.article-info li	{list-style:none;
									margin:7px 10px 7px 0;
									padding:0 10px 0 0;
									display:inline-block;
									border-right:solid 1px #e9e9e9;}
 
.article-tools ul li:last-child		{border:0;} 






.article-tools ul.article-info a	{color:#a8a8a8;}




.article-tools ul.article-info a:hover,
.article-tools ul.article-info a:active,
.article-tools ul.article-info a:focus	{color:#444;}




/* readmore link */
.article-tools p.readmore			{display:inline-block;
									float:right;
									margin:7px 0;
									padding:0;}
 
 
 
 
 
 
/* article pagination */
.article-tools .pagenav	{position:absolute;
						top:10px;
						right:0;}
 
.article-tools .pagenav	li	{list-style:none;
							margin:0;
							padding:0;
							display:inline-block;}
  
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Article on blog page
/*-----------------------------------------------------------------------------------*/
.blog article	{margin-bottom:50px;}

.item-page		{margin-bottom:30px;}





	/*------------------------------------*/
	/*	Blog columns
	/*------------------------------------*/
	.items-row.cols-2 .item,
	.items-row.cols-3 .item,
	.items-row.cols-4 .item			{float:left;}
	
	.items-row.cols-2 .item .article-inner,
	.items-row.cols-3 .item .article-inner,
	.items-row.cols-4 .item .article-inner	{padding:0 10px;}
	
	
	
	/* general style for articles in columns */
	.cols-2 .article-heading h3,
	.cols-3 .article-heading h3,
	.cols-4 .article-heading h3			{font-size:18px;}
	
	
	
	
	
	
	
	
	.cols-3 .article-tools ul.article-info,
	.cols-4 .article-tools ul.article-info		{padding:10px 0;
												float:none;}
	
	
	
	
	.cols-3 .article-tools ul.article-info li,
	.cols-4 .article-tools ul.article-info li	{display:block;
												float:none;
												margin:0;
												border:0;
												padding:0;}
	
	
	
	.cols-3 .article-tools p.readmore,
	.cols-4 .article-tools p.readmore		{float:none;
											margin-top:0;}
	
	
	
	/* 2 columns */	
	.cols-2 .item						{width:50%;}
	
	
	
	
	/* 3 columns */	
	.cols-3 .item						{width:33.333%;}
	
	
	
	/* 4 columns */	
	.cols-4 .item						{width:25%;}
	
	
	
	/* row separator */
	.row-separator 		{width:100%;
						display:block;
						clear:both;}




 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Article by tags
/*-----------------------------------------------------------------------------------*/ 
ul.category		{margin:0;
				padding:0;}
 


ul.category li	{list-style:none;
				margin:0 0 55px 0;}
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Menus
/*-----------------------------------------------------------------------------------*/ 
/* default menu list */
.menu li			{list-style:none;
					margin:0 0 5px 0;}
			
			
.menu li a 			{color:#8a8a8a;
					text-decoration:none;
					transition-duration: 0.1s;
					transition-timing-function: linear;
					transition-delay: 0.1s;
					-webkit-transition-duration: 0.1s;
					-webkit-transition-timing-function: linear;
					-webkit-transition-delay: 0.1s;}


.menu li a:hover,
.menu li a:active,
.menu li a:focus				{color:#4cade6;}






/* menus in #page-c */
#page-c .menu li	{padding:8px 0;
					margin:0;
					border-top:solid 1px #eaeaea;}






#page-d .menu li a				{color:#cbcbcb;}


#page-d .menu li a:hover,
#page-d .menu li a:active,
#page-d .menu li a:focus		{color:#4cade6;}










/*-----------------------------------------------------------------------------------*/
/*	Modules
/*-----------------------------------------------------------------------------------*/
.module-title					{font-size:18px;}
				
				
				
#page-d .module-title,
#sliding-panel .module-title	{font-size:13px;
								color:#fbfbfb;
								text-transform:uppercase;
								letter-spacing:1px;}







/* search module */
.search-input-container		{position:relative;
							display:inline-block;} 

.search i					{position:absolute;
							left:7px;
							top:8px;}

.search .search-input-container input	{padding-left:28px;}





/* search header module */
#header .search-form 	{display:inline-block;
						margin:0;
						padding:0;
						position:relative;
						color:#ececec;}

#header .header-search-field 	{background:url(../images/transparent-dark-30.png);
								border:0;
								-moz-border-radius:999px;
								-webkit-border-radius:999px;
								border-radius:999px;
								height: 22px;
								margin: 0;
								padding:0 4px 0 22px;
								-webkit-transition: width 400ms ease, background 400ms ease;
								transition:         width 400ms ease, background 400ms ease;
								width:50px;
								font-size:92%;
								color:#ececec;}
				

#header .header-search-field:focus {outline: 0;
									width:120px;
									color:#fff;
									border:0;}


#header .search-form i				{position:absolute;
									left:6px;
									top:4px;
									z-index:999;}






.header4 .header-search-field			{background-image:url(../images/transparent-dark-10.png);
										background-repeat:repeat;
										background-color:0;										
										color:#8a8a8a;}

.header4 .search-form i					{color:#8a8a8a;}

.header4 .header-search-field			{color:#8a8a8a;}

.header4 .header-search-field:focus		{color:#444;}



/* search module on mobile */
.mobile-search				{padding:30px 0;
							text-align:center;}


.mobile-search label		{display:none;}


.mobile-search .inputbox	{padding:10px;
							padding-left:22px;
							width:200px;
							margin:0 auto;
							background:#3a3b3c;
							border:solid 1px #454647;
							color:#cecece;
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
							border-radius:3px;}



.mobile-search .inputbox:focus	{color:#fff;}





.mobile-search i	{top:13px;
						left:9px;}








/* language module in header */
.header-language	{position:relative;}


.header-language > a	{}


.language-header-wrap	{position:absolute;
						top:100%;
						left:0;
						z-index:8;
						padding-top:15px;}



.language-header-list		{margin:0;
							padding:0;
							left:0;							
							background:#353637;
							width:auto;
							min-width:100px;
							padding:10px;
							-moz-border-radius:3px;
							-webkt-border-radius:3px;
							border-radius:3px;
							-moz-box-shadow:0 3px 5px rgba(0,0,0,0.6);
							-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.6);
							box-shadow:0 3px 5px rgba(0,0,0,0.6);}



.arrow-top 			{width: 0; 
					height: 0;
					position:absolute;
					top:7px;
					left:15px; 
					border-left: 8px solid transparent;
					border-right: 8px solid transparent;					
					border-bottom: 8px solid #353637;}
					
					


.language-header-list li			{list-style:none;
									margin:0 0 4px 0;}


.language-header-list li a,
.header4 #header .language-header-list li a		{color:#cecece;
												transition-duration: 0.1s;
												transition-timing-function: linear;
												transition-delay: 0.1s;
												-webkit-transition-duration: 0.1s;
												-webkit-transition-timing-function: linear;
												-webkit-transition-delay: 0.1s;}

.language-header-list li a:hover	{color:#fff;}


.header-language > div			{display:none;}

.header-language:hover > div	{display:block!important;}





.language-header-list li.language-header-flag-item	{display:inline;
													margin:0 4px 4px 0;}










/* breadcrumb module */
.breadcrumbs		{text-align:right;}
.breadcrumbs ul		{margin:0;
					padding:0;
					display:inline-block;}


.breadcrumbs ul li	{display:inline-block;
					margin:0 10px;
					list-style:none;}


.breadcrumbs ul li.pathway		{margin-right:0;}

.breadcrumbs ul li.pathway a	{color:#fff;
								opacity:0.7;
								filter:alpha(opacity=70);
								margin-right:8px;
								transition-duration: 0.1s;
								transition-timing-function: linear;
								transition-delay: 0.1s;
								-webkit-transition-duration: 0.1s;
								-webkit-transition-timing-function: linear;
								-webkit-transition-delay: 0.1s;}

.breadcrumbs ul li.pathway a:hover	{opacity:1;
									filter:alpha(opacity=100);}











/*-----------------------------------------------------------------------------------*/
/*	Pagination
/*-----------------------------------------------------------------------------------*/
.pagination 			{position:relative;
						width:100%;
						margin:0 0 30px 0;}


.pagination ul			{margin:0;
						padding:0;
						padding:0;
						-moz-box-shadow:none;
						-webkit-box-shadow:none;
						box-shadow:none;}


.pagination ul li.disabled	{display:none;}




.pagination ul li		{list-style:none;
						margin:0;
						display:inline-block;}


.pagination ul li a,
.pagination ul li span	{display:inline-block;
						width:32px;
						height:32px;
						margin:0 10px 0 0;
						padding:0;
						background:#fff;
						border:solid 1px #dbdbdb;
						line-height:32px;
						text-align:center;
						-moz-border-radius:3px;
						-webkit-border-radius:3px;
						border-radius:3px;}


.pagination ul li a		{opacity:0.8;
						filter:alpha(opacity=80);
						background-color:#329bd1;
						border-color:#329bd1;
						color:#fff;
						transition-duration: 0.1s;
						transition-timing-function: linear;
						transition-delay: 0.1s;
						-webkit-transition-duration: 0.1s;
						-webkit-transition-timing-function: linear;
						-webkit-transition-delay: 0.1s;}




.pagination ul li a:hover	{opacity:1;
							filter:alpha(opacity=100);}



p.counter			{display:none;}





/*-----------------------------------------------------------------------------------*/
/*	More items
/*-----------------------------------------------------------------------------------*/
.items-more	{margin-bottom:30px;}

.items-more ol	{margin:0;}






/*-----------------------------------------------------------------------------------*/
/*	Messages
/*-----------------------------------------------------------------------------------*/ 
#system-message-container	{margin:0;
							padding:0;
							border:0;}

#system-message-container p	{margin:0;}



#system-message-container .alert-heading	{color:#444;	
											font-size:14px;
											margin-bottom:0;}



.alert			{padding:15px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				position:relative;
				min-height:20px;
				-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1);
				-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1);
				box-shadow:0 1px 0 rgba(0,0,0,0.1);
				margin-bottom:20px;
				position:relative;}


.alert a				{text-decoration:underline;}

.alert a:hover,
.alert a:active,
.alert a:focus			{text-decoration:none;}








/* warning notice */
.alert-notice		{background-color:#f6db88;
					border:solid 1px #f2cf62;
					color:#887028;}

.alert-notice a		{color:#887028;}




/* ok message */
.alert-message			{background-color:#aff38e;
						border:solid 1px #8ae65e;
						color:#356e1a;}

.alert-message a		{color:#356e1a;}





/* error  message */
.alert-error,
.alert-warning			{background-color:#f8968c;
						border:solid 1px #ec786c;
						color:#8a2015;}

.alert-error a,
.alert-warning a			{color:#8a2015;}



.alert .close	{display:none;/*position:absolute;
				right:15px;
				top:15px;
				text-decoration:none!important;
				cursor:pointer;
				margin:0;
				padding:0;
				line-height:normal;*/}









/*-----------------------------------------------------------------------------------*/
/*	Tip message
/*-----------------------------------------------------------------------------------*/ 
.tip-wrap,
.ui-tooltip 	{display:none!important;/*background:#fff;
				border:solid 1px #d0d0d0;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				padding:10px;
				width:200px;
				max-width:90%;
				-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
				-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
				box-shadow:0 0 5px rgba(0,0,0,0.2);
				font-size:92%!important;*/}














/*-----------------------------------------------------------------------------------*/
/*	Contact form
/*-----------------------------------------------------------------------------------*/ 
.contact-address.dl-horizontal			{margin:0;}

.contact-form .control-group			{margin:0 0 15px 0;}

legend	{display:none;}

.contact-form							{margin-bottom:30px;}


.contact-form .control-group input,
.contact-form .control-group textarea	{width:350px;
										max-width:94%;}


.contact-form .control-group textarea	{width:550px;
										max-width:94%;}


.contact-form .control-group .email-copy input	{width:auto;
												margin:0!important;}















/*-----------------------------------------------------------------------------------*/
/*	User page
/*-----------------------------------------------------------------------------------*/ 
.login .control-group	{margin-bottom:15px;}

.my-login-form-navigation ul li	{list-style:none;
								margin-left:0;}







.login .well	{margin:0;}





/* reste page */
.reset,
.remind	{margin-bottom:30px;}





/* registration page */
.registration	{margin-bottom:30px;}
.registration .control-group	{margin-bottom:15px;}






/*-----------------------------------------------------------------------------------*/
/*	Search results page
/*-----------------------------------------------------------------------------------*/ 
.search-results .result-title	{padding-top:30px;
								border-top:dotted 1px #d0d0d0;
								margin-top:30px;}



#searchForm .phrases-box	{margin-bottom:20px;}

#searchForm .btn-toolbar	{margin-bottom:20px;}


#searchForm .btn-toolbar button	{position:relative;
								top:-5px;
								margin-left:10px;}











/*-----------------------------------------------------------------------------------*/
/*	E-mail and print style
/*-----------------------------------------------------------------------------------*/
body.contentpane	{background:#fff;
					padding:30px;}



/* email form */
body.contentpane #mailto-window					{}

body.contentpane #mailto-window	.formelm,
body.contentpane #mailto-window .mailto-close	{margin-bottom:15px;}


body.contentpane #mailto-window	.formelm label	{width:80px;
												display:inline-block;}


body.contentpane #mailtoForm p					{padding-left:80px;}




















/*-----------------------------------------------------------------------------------*/
/*	Style for article front end editor
/*-----------------------------------------------------------------------------------*/
	/*-------------------------------------*/
	/*	Calendar
	/*-------------------------------------*/
	.calendar .button	{border:solid 1px #fff;
						padding:1px;
						color:#fff;}



	.calendar thead .hilite	{color:#fff;}








	/*-------------------------------------*/
	/*	Media manager (articles  images)
	/*-------------------------------------*/
	/* define width and height of thumbnail */
	.width-10 {width:10px;}
	.width-20 {width:20px;}
	.width-30 {width:30px;}
	.width-40 {width:40px;}
	.width-50 {width:50px;}
	.width-60 {width:60px;}
	.width-70 {width:70px;}
	.width-80 {width:80px;}
	.width-90 {width:90px;}
	.width-100 {width:100px;}
	
	
	.height-10 {height:10px;}
	.height-20 {height:20px;}
	.height-30 {height:30px;}
	.height-40 {height:40px;}
	.height-50 {height:50px;}
	.height-60 {height:60px;}
	.height-70 {height:70px;}
	.height-80 {height:80px;}
	.height-90 {height:90px;}
	.height-100 {height:100px;}
	
	
	
	
	
	
	/* remove button border on hover */
	button:hover	{border:0!important;}
	
	
	
	
	
	/* insert/cancel form */
	#imageForm .pull-right	{float:right;
							position:relative;
							top:-45px;}
	
	
	
	
	#imageForm #upbutton	{top:-8px;
							position:relative;}
	
	
	
	
	
	
	
	#imageForm #imageframe	{border:solid 1px #ddd;
							margin-bottom:30px;
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
							border-radius:3px;
							min-height:300px;
							width:100%;}
	
	
	
	
	
	
	
	
	/* thumbnails list */
	.contentpane .manager.thumbnails li	{list-style:none;
										display:inline-block;
										margin:0 10px 10px 0;
										text-align:center;
										border:solid 1px #ddd;
										-moz-border-radius:3px;
										-webkit-border-radius:3px;
										border-radius:3px;}

	
	
	.contentpane .manager.thumbnails li .small	{font-size:80%;}
	
	

	.contentpane .manager.thumbnails li a	{display:inline-block;
											margin-top:5px;}
	
	
	
	/* get icon folder image */
	.contentpane .manager.thumbnails li a i	{}







	/*-------------------------------------*/
	/*	Editor shortcode button
	/*-------------------------------------*/

	.btn .icon-mb2-shortcodes-button {
    	background: url(../../../administrator/components/com_mb2shortcodes/assets/images/plus-circle.png) no-repeat 100% 0!important;
	}