/*** Stand Box Grey (This standart box project with grey gradient background) *********************************/
.panel_grey{
	padding-bottom: 50px;
	position: relative;
	z-index: 100;
}
.panel_grey .top{
	height: 30px;
	/*overflow: hidden;*/
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:20px;

}
.panel_grey .top .tabs a,
.panel_grey .top .tabs a:visited{
	display: block;
	float: left;
	height: 30px;
	margin: 0 10px 0 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
}
.panel_grey .top .tabs a:hover{
	text-decoration:none;
}

.panel_grey .top h3{
	display:block;
	height:30px;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #000;
}

.panel_grey .top h3 a,
.panel_grey .top h3 a:visited{
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #222;
	text-decoration: none;
	margin:0px;
}
.panel_grey .top h3 a:hover{
	text-decoration: none;
	color:#000;
}

.panel_grey .top h3 strong{
	display: none;
}


.panel_grey .top p{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #435270;
}

.panel_grey .top p.p_14{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 40px;
	color: #60759c;
}

/*** Tabs for Box grey ***************************************************/
.panel_grey .top ul.tabs{
	list-style: none;
	float: left;
	height: 30px;
	position:absolute;
	top:0;
	left:0;
}
.panel_grey .top ul.tabs li{
	display: block;
	float: left;
	height: 30px;
	margin-right:5px;
}
.panel_grey .top ul.tabs li a,
.panel_grey .top ul.tabs li a:visited{
	display: block;
	background: #e5e5e5;
	float: left;
	height: 29px;
	margin: 0;
	text-decoration: none;
	color: #60759c;
	border: 1px solid #e5e5e5;
	padding:0 20px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	color:#999;
	text-decoration: none;
	cursor: pointer;
}
.panel_grey .top ul.tabs li a.critiques,
.panel_grey .top ul.tabs li a.critiques:visited{
	background: #E60000;
	color: #fff;
	border: 1px solid #E60000;
}
.panel_grey .top ul.tabs li a.follow,
.panel_grey .top ul.tabs li a.follow:visited{
	background: #95CBE9;
	color: #fff;
}
.panel_grey .top ul.tabs li a.comment,
.panel_grey .top ul.tabs li a.comment:visited{
	background: #AFD775;
	color: #fff;
}

.panel_grey .top ul.tabs li a:hover,
.panel_grey .top ul.tabs li a.follow:hover,
.panel_grey .top ul.tabs li a.comment:hover{
	background: #fff;
	border-right: none;
	border: 1px solid #e5e5e5;
	border-bottom:1px solid #fff;
	color:#999;
	text-decoration: none;
}

/*** For active tabs ***/
.panel_grey .top ul.tabs li.active a,
.panel_grey .top ul.tabs li.active a:visited,
.panel_grey .top ul.tabs li.active a:hover{
	background: #fff;
	border-right: none;
	border: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff;
	color:#222;
}


/*** If many tabs or it have very long name, example page "edit profile" ***/
.panel_grey .top ul.sm li a span.name,
.panel_grey .top ul.sm li a:visited span.name{
	font-size: 12px;
	padding-right: 5px;
	color: #60759c;
}
.panel_grey .top ul.sm li a:hover span.name{
	color: #0096d7;
}
.panel_grey .top ul.sm li.active a span.name,
.panel_grey .top ul.sm li.active a:visited span.name{
	font-size: 13px;
	font-weight: bold;
}
.panel_grey .top ul.sm li a,
.panel_grey .top ul.sm li a:visited{
	font-size: 12px;
	padding-left: 14px;
}
/*********************************************/




/*** Classes top (height 30px) small for Box grey ***************************************************/

.panel_grey .top_sm{
	height: 30px;
	overflow: hidden;
}
.panel_grey .top_sm h3{
	float: left;
	height: 30px;
	padding: 0 0 0 6px;
	background: #E4E4E4 url(/images/tabsm_crn_tl.gif) no-repeat -1px top;
}
.panel_grey .top_sm h3 span{
	display: block;
	float: left;
	background: #E4E4E4;
	height: 30px;
	padding: 0 4px 0 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #1e283e;
}
.panel_grey .top_sm h3 strong{
	display: none;
}
.panel_grey .top_sm p{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #435270;
}
.panel_grey .top_sm a.view_full,
.panel_grey .top_sm a.view_full:visited{
	display: block;
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #60759c;
	border-right: 2px solid #E4E4E4;
	text-decoration: none;
}
.panel_grey .top_sm a.view_full:hover{
	text-decoration: none;
	color: #0096d7;
}

/*** Tabs small for Box grey *********/
.panel_grey .top_sm ul.tabs{
	list-style: none;
	/*float: left;*/
	height: 30px;
	display: block;
}
.panel_grey .top_sm ul.tabs li{
	display: block;
	float: left;
	height: 30px;
}
.panel_grey .top_sm ul.tabs li a,
.panel_grey .top_sm ul.tabs li a:visited{
	display: block;
	float: left;
	height: 30px;
	padding: 0 0 0 9px;
	margin: 0;
	text-decoration: none;
	color: #435270;
	border-right: 2px solid #E4E4E4;
}
.panel_grey .top_sm ul.tabs li a:hover{
	color: #0096d7;
}
.panel_grey .top_sm ul.tabs li a span.name,
.panel_grey .top_sm ul.tabs li a:visited span.name{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.panel_grey .top_sm ul.tabs li a span.right,
.panel_grey .top_sm ul.tabs li a:visited span.right{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	width: 9px;
}

/*** For active tabs ***/
.panel_grey .top_sm ul.tabs li.active a,
.panel_grey .top_sm ul.tabs li.active a:visited,
.panel_grey .top_sm ul.tabs li.active a:hover{
	display: block;
	float: left;
	height: 30px;
	background: #E4E4E4 url(/images/tabsm_crn_tl.gif) no-repeat left top;
	padding: 0 0 0 9px;
	margin: 0;
	text-decoration: none;
	border-right: none;
	position: relative;
	left: -2px;
	top: 0px;
}

.panel_grey .top_sm ul.tabs li.active a span.name,
.panel_grey .top_sm ul.tabs li.active a:visited span.name{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: #232A3C;
	line-height: 30px;
	background: #E4E4E4;
	text-align: center;
}
.panel_grey .top_sm ul.tabs li.active a span.right,
.panel_grey .top_sm ul.tabs li.active a:visited span.right{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	width: 9px;
	background: #E4E4E4 url(/images/tabsm_crn_tr.gif) no-repeat right top;
}

.panel_grey .top_sm ul.tabs li.last_active{
	/*float: right;*/
	width: 110px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.panel_grey .top_sm ul.tabs li.last_active a,
.panel_grey .top_sm ul.tabs li.last_active a:visited,
.panel_grey .top_sm ul.tabs li.last_active a:hover{
	position: relative;
	left: -2px;
	top: 0px;
}
.panel_grey .top_sm ul.tabs li.last_active a span.right,
.panel_grey .top_sm ul.tabs li.last_active a:visited span.right{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	width: 9px;
	background: #E4E4E4;
	/*position:relative;
	right: -2px;
	top: 0px;*/
	margin-right:-2px;
}
/**********************************************/

/**** End tabs for grey panel ***********************************************************/
/******************/
.panel_grey .cont {
	padding: 0px;	
}

.panel_grey .top a.btn_spring,
.panel_grey .top a.btn_spring:visited{
	display: block;
	background: url(/images/btn_springit_sm.gif) no-repeat left top;
	height: 24px;
	width: 54px;
	margin: 7px 0px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
}
.panel_grey .top a.btn_sprung,
.panel_grey .top a.btn_sprung:visited{
	display: block;
	background: url(/images/btn_spung_sm.gif) no-repeat left top;
	height: 24px;
	width: 54px;
	margin: 7px 0px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	cursor: default;
	font-weight: normal;
}


/***********************************************************************************************************/


/*** Filter on top panel sort ***********************************************/
.panel_sort{
	border-bottom: 1px solid #e5e5e5;
}

.filter{
	height: 30px;
}
.filter .option{
	float: left;
	height: 20px;
	padding: 0px 20px 0 0;
	border-right: 1px solid #E5E5E5;
	margin-right: 20px;
}
.filter .option.category{
	border-left: 1px solid #E5E5E5;
	position: relative;
	z-index:100;
}
.filter .option.category .list-connector{
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	position: absolute;
	top: 18px;
	width: 100%;
	height: 19px;
	/*background: #FFF;*/
	z-index: 551;
	left: -1px;
}
.list-connector .spacer{
	position:relative;
	z-index:501;
	background:#FFF;
	height:11px;
	margin-top:2px;
}

.filter .option span{
	display: block;
	float: left;
	height: 20px;
	color: #000;
	font-weight: bold;
	margin-right: 10px;
	line-height: 20px;
}
.filter .option.category span{
	margin-left: 20px;
}

.filter .option span a,
.filter .option span a:visited{
	margin: 0;
}
.filter .option .filter_sel{
	float: left;
	border: 1px solid #e5e5e5;
	background: #fff;
	width:128px;
	height: 18px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.num_page,
.variation_num_page{
	width: 50px!important;
}
.num_sel_page{
	width: 40px!important;
}
.filter .option .sel,
.filter .option .sel:visited{
	display: block;
	float: left;
	color: #666;
	width:118px;
	height: 18px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
	background: url(/img/arr-sort.gif) no-repeat right center;
}
.filter .option .sel:hover{
	background: url(/images/arr-sort-up.gif) no-repeat right center;
	text-decoration: none;
}
.filter .option .variation{
	position: absolute;
	left: -1px;
	top: 18px;
	width: 160px;
	border: 1px solid #BDBDBF;
	z-index: 500;
}
.filter .option .variation.categotiesdd{
	left:-339px;
	width: 988px;
	top: 12px;
	background: #FFF;
}

.filter .option .variation a,
.filter .option .variation a:visited{
	display: block;
	float: none;
	border: 1px solid #fff;
	background: #F7F7F7;
	font-size:12px;
	line-height:18px;
	height:18px;
	padding-left: 10px;
	color: #60759c;
}
.filter .option .variation.categotiesdd a,
.filter .option .variation.categotiesdd a:visited{
	background: #FFF;
	cursor: pointer;
}

.filter .option .variation a:hover,
.filter .option .variation a.active
.filter .option .variation a.active:hover,
.filter .option .variation a.active:visited,
.filter .option .variation.categotiesdd a.active:visited{
	background: #E4E4E4;
	text-decoration: none;
	color: #1e283e;
}
.filter .option .variation.categotiesdd a:hover,
.filter .option .variation.categotiesdd a.active,
.filter .option .variation.categotiesdd a.active:visited{
	background: #E4E4E4;
}

#var_1, #var_2, #var_3, #var_4, #var_5, #var_6{display:none;}

.panel_sort .table_search{
	padding: 0;
	margin: 0;
	width: 420px; 
	font-size: 12px;
}
.panel_sort .table_search td{
	padding: 0 5px 0 0;
	margin: 0;
}

.param_search{
	text-align: left;
	clear:both;
	overflow: hidden;
	color: #000;
	font-size: 12px;
	padding-bottom: 10px; 
}
.bg-color{
	float: left;
	width: 70px;
	height: 18px;
	border: 1px solid #e5e5e5;
	margin: 0 0 0 5px;
}

.panel_sort_domain {
	border-bottom:none;
	height:30px;
	margin-bottom: 73px;
	position: relative;
}
.panel_sort_domain  .param_search{
	position: absolute;
	top: 35px;
	left: 0px;
}

/*** For select name brand in upload website *****/
.filter_big .option{
	padding: 0px 0px;
	border-right: none;
}
.filter_big .option .sel,
.filter_big .option .sel:visited{
	width:313px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
}
.filter_big .option .filter_sel{
	width:318px;
	height: 30px;
}
.filter_big .option .variation{
	width: 318px;
	top: 29px;
}
/*************************************************/


/***************************************************************************/
.col_right .filter .option{
	padding: 0px;
}
.col_right .filter .option a,
.col_right .filter .option a:visited{
	margin: 0 7px;
	line-height: 36px;
	color: #60759c;
	height: 36px;
}

/*** Rate on top grey panel ***********************************************/
.rate{
	height: 36px;
}
.rate .item{
	float: left;
	height: 36px;
	padding: 0px 15px;
	/*border-right: 2px solid #E4E4E4;*/
}
.rate .item_right{
	float: right;
	height: 36px;
	padding: 0px 15px;
}
.rate .item span,
.rate .item_right span{
	display: block;
	float: left;
	height: 36px;
	color: #1e283e;
	margin-right: 10px;
	font-size: 11px;
	line-height: 36px;
}
.rate .item strong,
.rate .item_right strong{
	display: block;
	float: left;
	height: 36px;
	color: #1e283e;
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
}

.sidebar_ads{
	padding-bottom: 20px;
	position: relative;
	z-index: 100;
}

/***********************************************************************************************************/
.transparent{
	background: #eee;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 570px;
	height: 190px;
	filter: alpha(opacity=50);     
	-moz-opacity: 0.5;     
	opacity: 0.5;
}