/* ------------------------------ */
/*     frontpage theme blue       */
/* ------------------------------ */	

body{
	
	margin : 0 auto;
	padding : 0px;
}

#fp_container
{

	border : 1px solid transparent;
	margin : 40px auto;
	width : 480px;
	clear : both;

}	

#fp_title
{

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : #b2d9f4;
	text-align : center;
	padding : 20px;
		
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#96d4de+0,6b97b7+44,366584+100 */
	background: rgb(150,212,222); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(150,212,222,1) 0%, rgba(107,151,183,1) 44%, rgba(54,101,132,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(150,212,222,1) 0%,rgba(107,151,183,1) 44%,rgba(54,101,132,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(150,212,222,1) 0%,rgba(107,151,183,1) 44%,rgba(54,101,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96d4de', endColorstr='#366584',GradientType=0 ); /* IE6-9 */

	border:1px solid black;
	box-shadow : 1px 1px 10px #111;
	text-shadow : 1px 1px 0 black;

}

#fp_title_version
{

	font-size : 14px;

}	

#fp_login_to_admin
{

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : white;
	clear:both;
	margin-left : 0px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#99d3db+0,6e98b4+56,99d3db+100 */
	background: rgb(153,211,219); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(153,211,219,1) 0%, rgba(110,152,180,1) 56%, rgba(153,211,219,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(153,211,219,1) 0%,rgba(110,152,180,1) 56%,rgba(153,211,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(153,211,219,1) 0%,rgba(110,152,180,1) 56%,rgba(153,211,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d3db', endColorstr='#99d3db',GradientType=0 ); /* IE6-9 */

	box-shadow : 1px 1px 10px #111;
	border:1px solid black;
	border-bottom : transparent;
	
}	

#fp_login_padding
{
	
	float:left;
	width : 80px;
	height : 60px;

}

#fp_login_to_admin_title
{

	float : left;
	margin : 0 auto;
	text-align : center;
	padding : 3px;
	color : #222;
	text-shadow : 1px 1px 0px #b2d4f4;
	margin-top : 10px;
	margin-left : 60px;
	margin-bottom : 10px;

}	

#fp_login_form{

	float : left; 
	margin-left : 15px;

}

.fp_input_login_admin, .fp_input_login_admin:focus
{
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #111;
	letter-spacing: 0.05em;
	padding: 4px;
	font-style: normal;
	border: 1px solid #111;
	background-color : #c7e99b;
	box-shadow : 1px 1px 3px #222;
	text-shadow : none;
	
	width : 160px; 
	margin-bottom : 8px;
	
}


#fp_main_stats
{
		
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #ccc;
	padding : 20px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91d7e3+0,6097c2+44,6487b7+100 */
	background: rgb(145,215,227); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(145,215,227,1) 0%, rgba(96,151,194,1) 44%, rgba(100,135,183,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(145,215,227,1) 0%,rgba(96,151,194,1) 44%,rgba(100,135,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(145,215,227,1) 0%,rgba(96,151,194,1) 44%,rgba(100,135,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d7e3', endColorstr='#6487b7',GradientType=0 ); /* IE6-9 */

	border:1px solid black;
	box-shadow : 1px 1px 10px #111;

	opacity: .95;
		
}

#fp_main_stats_username
{

	float : left;
	clear : both;
	color : #072646;
	margin : 10px;
	padding : 0px;	
	
}

#fp_main_stats_last_track_sold
{
	
	float : left;
	clear : both;
	padding : 10px;
	margin-bottom : -10px;
	background-color : transparent

}

#fp_last_item_sold
{
	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 15px; 
	font-weight : bold; 
	color : #111111; '
		
}

#fp_last_item_sold_when
{

	color : #186d4c;

}
	
#fp_last_item_sold_detail
{

	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 13px;

}	
	
#fp_new_sale	
{

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	
}

.fp_main_stats_notification
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : black;
	float : left;
	margin : 10px;
	
}
	
#fp_main_stats_balance, #fp_main_stats_balance_new_sale
{
	
	float : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 29px;
	font-weight : bold;
	color : #0b4e7d;
	text-shadow : 1px 1px 0 #b2f262;
	margin-top : 0px;
	margin-left : 20px;
	margin-bottom : 10px;
	clear : both;
	padding : 0px;
	padding-left : 4px;
	border-bottom : 1px solid #333;
	background-color : #b0dced;
	width : 89%;
	
}

#fp_main_stats_balance_new_sale
{

	background-color : #bcf63b;

}

#we_Got_money
{

	z-index : 10;
	display : block;
	position : absolute;
	margin-left : 275px;
	margin-top : -35px;
	opacity : 1;
	width : 160px;
	height : 92px;
	background-image: url("../img/we_Got_money_small.png");

}

#fp_main_stats_balance_decimals
{

	font-size : 20px;

}


#fp_main_stats_yearly_figures
{
	
	float : left;
	clear : both;
	margin-left : 17px;
	
}

.highlight_tr
{
	
	background-color : transparent;
	border-bottom : 1px solid #565656;
	
}

.highlight_tr:hover, .highlight_tr:active
{
	
	background-color : #cfcfcf;
	cursor : pointer;
		
}

/* CSS for current year, month, sales and money */
	
.current_year
{

	float : left;		
	color : #055389;
	width : 80px;
	padding : 2px;

}

.current_month
{

	float : left;
	color : #055389;
	width : 100px;
	padding : 2px;
	
}

.current_sales
{

	float : left;			
	text-align : right;
	color : #055389;
	width : 80px;
	padding : 2px;		
			
}

.current_money
{

	float : left;
	text-align : right;
	width : 120px;
	padding : 2px;		
	color : #055389;
					
}	
	
		
.other_year
{

	float : left;		
	color : black;
	width : 80px;
	padding : 2px;

}

.other_month
{

	float : left;
	color : black;
	width : 100px;
	padding : 2px;
	
}

.other_sales
{

	float : left;			
	text-align : right;
	color : black;
	width : 80px;
	padding : 2px;
			
}

.other_money
{

	float : left;
	text-align : right;
	color : black;
	width : 120px;
	padding : 2px;
					
}

/* end CSS for year, month, sales and money */

#fp_main_stats_sales_and_followers
{
	
	float : left;
	clear : both;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : #111111;
	padding : 10px;
	
}

#fp_main_stats_yearly_figures_more
{
	
	float : left;
	clear : both;
	color : #111111;
	padding : 10px;
	
}

#fp_main_stats_avg_earnings_and_items{
	
	float : left;
	clear : both;
	color : #111111;
	padding : 10px;
	
}

#fp_main_stats_badges
{
	
	float : left;
	clear : both;
	margin-top : 5px;
	margin-bottom : 10px;

}

#fp_main_stats_Envato
{
	
	float : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #59d89b;
	font-size : 22px;
	padding : 5px;
	background-color : #333333;
	clear : both;

}

.button_style_1, .button_style_1:link, .button_style_1:visited
{
	
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;	
	overflow : hidden;
	cursor : pointer;
	
	opacity : 1;

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;	
	letter-spacing: .09em;
	font-weight : normal;
		
	color : #000;
	border: 1px solid #444555;
	padding : 4px;
	margin : 0px;
	
	display: table-cell; 
	vertical-align: middle;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfffad+0,88d628+50,7fbf00+51,598214+100 */
	background: #dfffad; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfffad 0%, #88d628 50%, #7fbf00 51%, #598214 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dfffad 0%,#88d628 50%,#7fbf00 51%,#598214 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dfffad 0%,#88d628 50%,#7fbf00 51%,#598214 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfffad', endColorstr='#598214',GradientType=0 ); /* IE6-9 */

	text-shadow : 1px 1px 0 #999;		
	box-shadow : 0px 0px 7px #333;
	
	outline : none;

}

.button_style_1:hover, .button_style_1:active, .button_style_1:focus
{

	
	opacity : 1;
	
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;	
	overflow : hidden;
	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;	
	letter-spacing: .09em;
	font-weight : normal;

	background-color : #dddeee;
	color : #b3ec6b;
	text-shadow : 1px 1px 0 #111;
	
	border: 1px solid #111;	

	/* vertical align code */
	display: table-cell; 
	vertical-align: middle;		

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1ff0b+0,548519+50,507800+51,38510d+100 */
	background: #a1ff0b; /* Old browsers */
	background: -moz-linear-gradient(top,  #a1ff0b 0%, #548519 50%, #507800 51%, #38510d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a1ff0b 0%,#548519 50%,#507800 51%,#38510d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a1ff0b 0%,#548519 50%,#507800 51%,#38510d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1ff0b', endColorstr='#38510d',GradientType=0 ); /* IE6-9 */

	/* make button text not selectable */
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;	
	
	box-shadow : none;
	
}


/* ---------------------------------------- responsive queries for mobiles --------------------------------------- */


/* --------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Smartphones big   ---------------------------------------------- */
/* ............................................................................................................... */

@media only screen and (min-width : 414px) and (max-width : 599px) 
{

	#we_Got_money
	{
	
		z-index : 10;
		display : block;
		position : absolute;
		margin-left : 215px;
		margin-top : -22px;
		opacity : 1;
		width : 80px;
		height : 46px;
		background-image: url("../img/we_Got_money_smaller.png");
	
	}


	#fp_container
	{

		border : 1px solid transparent;
		margin : 0 auto;
		padding : 0px;
		width : 98%;
		clear : both;

	}
	
	#fp_title
	{
	
		padding : 5px;
		margin : 2px;
		
	}
	
	#fp_login_to_admin
	{
		
		padding : 0px;
		margin : 0px;		
		
	}
	
	.fp_input_login_admin, .fp_input_login_admin:focus
	{
		
		width : 140px;
	
	}
	
	#fp_main_stats_yearly_figures
	{
		
		margin-left : 0px;
		width : 100%;
	
	}
	
	#fp_login_padding
	{
	
		float : left;
		width : 60px;
		height : 60px;
		
	}
	
	#fp_main_stats
	{
	
		padding : 10px;
	
	}
	
	#fp_main_stats_balance, #fp_main_stats_balance_new_sale
	{
		
		width : 80%;
	
	}
	
	#fp_login_to_admin_title
	{
		
		margin-left : 20px;
		
	}
	
	.current_year
	{

		width : 44px;
		padding : 1px;
		font-size : 14px;		

	}
	
	.current_month
	{

		width : 29%;
		padding : 1px;
		font-size : 14px;
		
	}
	
	.current_sales
	{

		width : 24%;
		padding : 1px;
		font-size : 14px;		
				
	}

	.current_money
	{

		width : 31%;
		padding : 1px;		
		font-size : 14px;
						
	}	
			
	.other_year
	{

		width : 44px;
		padding : 1px;
		font-size : 14px;		

	}
	
	.other_month
	{

		width : 29%;
		padding : 1px;
		font-size : 14px;
		
	}
	
	.other_sales
	{

		width : 24%;
		padding : 1px;
		font-size : 14px;
				
	}

	.other_money
	{

		width : 31%;
		padding : 2px;
		font-size : 14px;
						
	}


}

/* --------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Smartphones regular  ------------------------------------------- */
/* ............................................................................................................... */


@media only screen and (min-width : 360px) and (max-width : 413px) 
{

	#we_Got_money
	{
	
		z-index : 10;
		display : block;
		position : absolute;
		margin-left : 215px;
		margin-top : -22px;
		opacity : 1;
		width : 80px;
		height : 46px;
		background-image: url("../img/we_Got_money_smaller.png");
	
	}


	#fp_container
	{

		border : 1px solid transparent;
		margin : 0 auto;
		padding : 0px;
		width : 325px;
		clear : both;

	}
	
	#fp_title
	{
	
		padding : 5px;
		margin : 2px;
		
	}
	
	#fp_login_to_admin
	{
		
		padding : 0px;
		margin : 0px;		
		
	}
	
	.fp_input_login_admin, .fp_input_login_admin:focus
	{
		
		width : 140px;
	
	}
	
	#fp_main_stats_yearly_figures
	{
		
		margin-left : 0px;
		width : 100%;
	
	}
	
	#fp_login_padding
	{
	
		float:left;
		width : 0px;
		height : 0px;
		
	}
	
	#fp_main_stats
	{
	
		padding : 10px;
	
	}
	
	#fp_main_stats_balance, #fp_main_stats_balance_new_sale
	{
		
		width : 80%;
	
	}
	
	#fp_login_to_admin_title
	{
		
		margin-left : 20px;
		
	}
	
	.current_year
	{

		width : 38px;
		padding : 1px;
		font-size : 12px;		

	}
	
	.current_month
	{

		width : 61px;
		padding : 1px;
		font-size : 12px;
		
	}
	
	.current_sales
	{

		width : 82px;
		padding : 1px;
		font-size : 12px;		
				
	}

	.current_money
	{

		width : 92px;
		padding : 1px;		
		font-size : 12px;
						
	}	
			
	.other_year
	{

		width : 38px;
		padding : 1px;
		font-size : 12px;		

	}
	
	.other_month
	{

		width : 61px;
		padding : 1px;
		font-size : 12px;
		
	}
	
	.other_sales
	{

		width : 82px;
		padding : 1px;
		font-size : 12px;
				
	}

	.other_money
	{

		width : 92px;
		padding : 2px;
		font-size : 12px;
						
	}


}


/* --------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Smartphones medium --------------------------------------------- */
/* ............................................................................................................... */


@media only screen and (min-width : 320px) and (max-width : 359px) 
{

	#we_Got_money
	{
	
		z-index : 10;
		display : block;
		position : absolute;
		margin-left : 175px;
		margin-top : -22px;
		opacity : 1;
		width : 80px;
		height : 46px;
		background-image: url("../img/we_Got_money_smaller.png");
	
	}

	#fp_container
	{

		border : 1px solid transparent;
		margin : 0 auto;
		padding : 0px;
		width : 295px;
		clear:both;

	}
	
	#fp_title
	{
	
		padding : 5px;
		margin : 2px;
		
	}
	
	#fp_login_to_admin
	{
		
		padding : 0px;
		margin : 0px;		
		
	}
	
	.fp_input_login_admin, .fp_input_login_admin:focus
	{
		
		width : 140px;
	}
	
	#fp_main_stats_yearly_figures
	{
		
		margin-left : 0px;
		width : 100%;
	}
	
	#fp_login_padding
	{
	
		float:left;
		width : 0px;
		height : 0px;
		
	}
	
	#fp_main_stats
	{
	
		padding : 10px;
	
	}
	
	#fp_main_stats_balance, #fp_main_stats_balance_new_sale
	{
		
		width : 80%;
	}
	
	#fp_login_to_admin_title
	{
		
		margin-left : 20px;
		
	}
	
	.current_year
	{

		width : 38px;
		padding : 1px;
		font-size : 12px;		

	}
	
	.current_month
	{

		width : 63px;
		padding : 1px;
		font-size : 12px;
		
	}
	
	.current_sales
	{

		width : 72px;
		padding : 1px;
		font-size : 12px;		
				
	}

	.current_money
	{

		width : 86px;
		padding : 1px;		
		font-size : 12px;
						
	}	
		
	.other_year
	{

		width : 38px;
		padding : 1px;
		font-size : 12px;		

	}
	
	.other_month
	{

		width : 63px;
		padding : 1px;
		font-size : 12px;
		
	}
	
	.other_sales
	{

		width : 72px;
		padding : 1px;
		font-size : 12px;
				
	}

	.other_money
	{

		width : 86px;
		padding : 1px;
		font-size : 12px;
						
	}


}


/* --------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Smartphones small -------------------------------------------- */
/* ............................................................................................................... */


@media only screen and (min-width : 240px) and (max-width : 319px) 
{
	
	#we_Got_money
	{
	
		z-index : 10;
		display : block;
		position : absolute;
		margin-left : 115px;
		margin-top : -35px;
		opacity : 1;
		width : 80px;
		height : 46px;
		background-image: url("../img/we_Got_money_smaller.png");
		
	}	
	
	#fp_container
	{

		border : 0px solid transparent;
		margin : 0 auto;
		padding : 0px;
		width : 217px;
		
	}

	#fp_title
	{
	
		padding : 5px;
		margin : 2px;
		
	}
	
	#fp_login_to_admin
	{
		
		padding : 0px;
		margin : 0px;		
		
	}
	
	.fp_input_login_admin, .fp_input_login_admin:focus
	{
		
		width : 140px;
	
	}
	
	#fp_main_stats_yearly_figures
	{
		
		margin-left : 0px;
		width : 100%;
	
	}
	
	#fp_login_padding
	{
	
		width : 0px;
		height : 0px;
		
	}
	
	#fp_main_stats
	{
	
		padding : 5px;
	
	}
	
	#fp_main_stats_balance, #fp_main_stats_balance_new_sale
	{
		
		padding : 0px;
		margin : 2px;
		width : 100%;
	}
	
	#fp_login_to_admin_title
	{
		
		margin-left : 20px;
		
	}
	
	.current_year
	{

		width : 38px;
		padding : 1px;
		font-size : 12px;		

	}
	
	.current_month
	{

		width : 61px;
		padding : 1px;
		font-size : 12px;
		
	}
	
	.current_sales
	{
	
		width : 86px;
		padding : 1px;
		font-size : 12px;		
				
	}

	.current_money
	{
		
		width : 86%;
		padding : 1px;		
		font-size : 12px;
						
	}	
		
	.other_year
	{

		width : 38px;
		padding : 1px;
		font-size : 12px;		

	}
	
	.other_month
	{
	
		width : 61px;
		padding : 1px;
		font-size : 12px;
		
	}
	
	.other_sales
	{
	
		width : 82px;
		padding : 1px;
		font-size : 12px;
				
	}

	.other_money
	{

		width : 86%;
		padding : 2px;
		font-size : 12px;
						
	}

}