/* EFFECTS */
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1) rotate(0deg); 
	}
	50% {
		-webkit-transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg); 
	}
}
@-o-keyframes pulse {
	0% {
		-o-transform: scale(1) rotate(0deg); 
	}
	50% {
		-o-transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		-o-transform: scale(1) rotate(0deg); 
	}
}
@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1) rotate(0deg); 
	}
	50% {
		-moz-transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		-moz-transform: scale(1) rotate(0deg); 
	}
}
@keyframes pulse {
	0% {
		transform: scale(1) rotate(0deg); 
	}
	50% {
		transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		transform: scale(1) rotate(0deg); 
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1); 
	}
	50% {
		-webkit-transform: scale(1.1); 
	}
	100% {
		-webkit-transform: scale(1); 
	}
}
@-o-keyframes scale {
	0% {
		-o-transform: scale(1); 
	}
	50% {
		-o-transform: scale(1.1); 
	}
	100% {
		-o-transform: scale(1); 
	}
}
@-moz-keyframes scale {
	0% {
		-moz-transform: scale(1); 
	}
	50% {
		-moz-transform: scale(1.1); 
	}
	100% {
		-moz-transform: scale(1); 
	}
}
@keyframes scale {
	0% {
		transform: scale(1); 
	}
	50% {
		transform: scale(1.1); 
	}
	100% {
		transform: scale(1); 
	}
}

/* GLOBAL */
body{
	padding-top: 54px;
	
	font-family: "Roboto", "Helvetica Neue", Helvetica, "Trebuchet MS", sans-serif;
	font-size: 14px;
	
	color: #666666;
	background-color: #F8F8F8;
}

a{
	color: #37B2DA;
	text-decoration: none;
}

p{
	text-align: justify;
}

h1{
	font-size: 22px;
	color: #333333;
	margin-bottom: 20px;
}

h2{
	font-size: 20px;
	color: #666666;
	
	margin-top: 10px;
	margin-bottom: 30px;
}

h1.main{
	padding: 30px 20px;
	margin: 0;
}
h2.main{
	padding: 30px 20px;
	margin: 0;
}

/* ICONS */
.icons12{
	display: inline-block;
	height: 12px;
	width: 12px;
	background-image: url("../gfx/common/template/icons_16.png?2");
	background-size: 24px 672px;
	background-repeat: no-repeat;
}
.icons16{
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url("../gfx/common/template/icons_16.png?2");
	background-repeat: no-repeat;
}
.icons18{
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url("../gfx/common/template/icons_18.png?1");
	background-repeat: no-repeat;
}
.icons24{
	display: inline-block;
	height: 24px;
	width: 24px;
	background-image: url("../gfx/common/template/icons_24.png?2");
	background-repeat: no-repeat;
}
.icons32{
	display: inline-block;
	height: 32px;
	width: 32px;
	background-image: url("../gfx/common/template/icons_32.png?1");
	background-repeat: no-repeat;
}
.icons36{
	display: inline-block;
	height: 36px;
	width: 36px;
	background-image: url("../gfx/common/template/icons_72.png?2");
	background-repeat: no-repeat;
	background-size: 36px 396px;
}
.icons48{
	display: inline-block;
	height: 48px;
	width: 48px;
	background-image: url("../gfx/common/template/icons_72.png?2");
	background-repeat: no-repeat;
	background-size: 48px 528px;
}
.icons72{
	display: inline-block;
	height: 72px;
	width: 72px;
	background-image: url("../gfx/common/template/icons_72.png?2");
	background-repeat: no-repeat;
}

	.icons12.ic_closeWhite{background-position: 0 -483px;}
	
	
	.icons16.ic_dropDown{background-position: 0 -16px;}
	.icons16.ic_starBlue{background-position: 0 -32px;}
	.icons16.ic_starDark{background-position: 0 -48px;}
	.icons16.ic_starYellow{background-position: 0 -752px;}
	.icons16.ic_play{background-position: 0 -64px;}
	.icons16.ic_mail{background-position: 0 -80px;}
	.icons16.ic_info{background-position: 0 -96px;}
	.icons16.ic_search{background-position: 0 -112px;}
	.icons16.ic_book{background-position: 0 -448px;}
	.icons16.ic_chat{background-position: 0 -464px;}
	.icons16.ic_arrowDown{background-position: 0 -208px;}
	.icons16.ic_arrowUp{background-position: 0 -224px;}
	.icons16.ic_arrowDownBlue{background-position: 0 -896px;}
	
	.icons16.ic_infoMini{background-position: 0 -480px;}
	
	.icons16.ic_starMini{
		height: 12px;
		width: 12px;
		background-position: 0 -736px;
	}
	
	.icons16.ic_cartWhite{background-position: 0 -240px;}
	.icons16.ic_memberWhite{background-position: 0 -256px;}
	.icons16.ic_cardWhite{background-position: 0 -272px;}
	.icons16.ic_phoneWhite{background-position: 0 -288px;}
	.icons16.ic_favWhite{background-position: 0 -320px;}
	.icons16.ic_favYellow{background-position: 0 -640px;}
	.icons16.ic_paperWhite{background-position: 0 -784px;}
	.icons16.ic_giftWhite{background-position: 0 -304px;}
	.icons16.ic_supportWhite{background-position: 0 -336px;}
	.icons16.ic_writtenWhite{background-position: 0 -352px;}
	.icons16.ic_chatWhite{background-position: 0 -368px;}
	.icons16.ic_mailWhite{background-position: 0 -768px;}
	
	.icons16.ic_phoneDark{background-position: 0 -496px;}
	.icons16.ic_chatDark{background-position: 0 -512px;}
	.icons16.ic_penDark{background-position: 0 -528px;}
	.icons16.ic_phoneBlue{background-position: 0 -576px;}
	.icons16.ic_chatBlue{background-position: 0 -592px;}
	.icons16.ic_penBlue{background-position: 0 -608px;}
	
	.icons16.ic_checkGreen{background-position: 0 -544px;}
	.icons16.ic_uncheckRed{background-position: 0 -560px;}
	.icons16.ic_refreshBlue{background-position: 0 -832px;}
	
	.icons16.ic_photoDark{background-position: 0 -624px;}
	
	.icons16.ic_closeWhite{background-position: 0 -656px;}
	.icons16.ic_photoWhite{background-position: 0 -704px;}
	.icons16.ic_penGrey{background-position: 0 -720px;}
	
	.icons16.ic_notificationWhite{background-position: 0 -848px;}
	.icons16.ic_alertDark{background-position: -16px -848px;}
	.icons16.ic_new{background-position: 0 -864px;}
	
	.icons24.ic_uncheckGrey{background-position: 0 -24px;}
	.icons24.ic_checkGrey{background-position: 0 -48px;}
	.icons24.ic_uncheckBlue{background-position: 0 -72px;}
	.icons24.ic_checkBlue{background-position: 0 -96px;}
	
	.icons24.ic_close{background-position: 0 -168px;}
	.icons24.ic_forget{background-position: 0 -192px;}
	.icons24.ic_blackPhone{background-position: 0 -216px;}
	.icons24.ic_blackCheck{background-position: 0 -240px;}
	.icons24.ic_blackEye{background-position: 0 -264px;}
	
	.icons24.ic_moreBlue{background-position: 0 -288px;}
	.icons24.ic_viewBlue{background-position: 0 -312px;}
	
	.icons24.ic_arrowDown{background-position: 0 -336px;}
	.icons24.ic_arrowUp{background-position: 0 -360px;}
	
	.icons24.ic_starYellow{background-position: 0 -384px;}
	
	.icons24.ic_whiteMobile{background-position: 0 -408px;}
	.icons24.ic_whiteMail{background-position: 0 -432px;}
	
	.icons32.ic_phoneWhite{background-position: 0 0;}
	.icons32.ic_chatWhite{background-position: 0 -32px;}
	.icons32.ic_penWhite{background-position: 0 -64px;}
	.icons32.ic_clockWhite{background-position: 0 -96px;}
	.icons32.ic_starWhite{background-position: 0 -192px;}
	.icons32.ic_mailWhite{background-position: 0 -224px;}
	.icons32.ic_paperWhite{background-position: 0 -288px;}
	
	.icons32.ic_arrowLeftWhite{background-position: 0 -128px;}
	.icons32.ic_arrowRightWhite{background-position: 0 -160px;}
	
	.icons32.ic_starYellow{background-position: 0 -256px;}
	
	.icons36.ic_phone{background-position: 0 -216px;}
	.icons36.ic_chat{background-position: 0 -252px;}
	.icons36.ic_pen{background-position: 0 -288px;}
	.icons36.ic_new{background-position: 0 -324px;}
	
	.icons48.ic_new{background-position: 0 -432px;}
	
	.icons72.ic_memberGreen{background-position: 0 0;}
	.icons72.ic_cardOrange{background-position: 0 -72px;}
	.icons72.ic_certificateBlue{background-position: 0 -216px;}
	.icons72.ic_chatBlue{background-position: 0 -144px;}
	.icons72.ic_phoneBlue{background-position: 0 -288px;}
	
/* Smiley */
.smiley18{
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url("../gfx/common/template/icons_smiley.png?1");
	background-repeat: no-repeat;
}
	.smiley18.sm_s1{background-position: 0 0;}
	.smiley18.sm_s2{background-position: -18px 0;}
	.smiley18.sm_s3{background-position: -36px 0;}
	.smiley18.sm_s4{background-position: -54px 0;}
	.smiley18.sm_s5{background-position: -72px 0;}
	.smiley18.sm_s6{background-position: -90px 0;}
	.smiley18.sm_s7{background-position: -108px 0;}
	.smiley18.sm_s8{background-position: -126px 0;}
	.smiley18.sm_s9{background-position: -144px 0;}
	.smiley18.sm_s10{background-position: -162px 0;}
	.smiley18.sm_s11{background-position: 0 -18px;}
	.smiley18.sm_s12{background-position: -18px -18px;}
	.smiley18.sm_s13{background-position: -36px -18px;}
	.smiley18.sm_s14{background-position: -54px -18px;}
	.smiley18.sm_s15{background-position: -72px -18px;}
	.smiley18.sm_s16{background-position: -90px -18px;}
	.smiley18.sm_s17{background-position: -108px -18px;}
	.smiley18.sm_s18{background-position: -126px -18px;}
	.smiley18.sm_s19{background-position: -144px -18px;}
	.smiley18.sm_s20{background-position: -162px -18px;}
	.smiley18.sm_s21{background-position: 0 -36px;}
	.smiley18.sm_s22{background-position: -18px -36px;}
	.smiley18.sm_s23{background-position: -36px -36px;}
	.smiley18.sm_s24{background-position: -54px -36px;}
	.smiley18.sm_s25{background-position: -72px -36px;}
	.smiley18.sm_s26{background-position: -90px -36px;}

/* FORMS */

.form .row{
	margin: 10px 0;
}
	.form .row .label{
		color: #333333;
		margin: 5px 10px;
	}
	.form .row .label.fleft{
		width: 30%;
	}
	.form .row .value{
		margin: 5px 10px;
	}
		.form .row .value span{
			font-weight: 500;
			color: #333333;
		}
		/*.form .row img{
			display: inline-block;
			margin: -10px 10px;
		}*/
	.form .row .tools{
		margin: 10px;
	}
	
	.form .textarea-limiter-info span{
		color: #37B2DA;
	}

/* Alias */
.fleft{float: left;}
.fright{float: right;}
.clear{clear: both;}
.relative{position: relative;}

.none{display:none;}
.hide{visibility: hidden;}
.cursor{cursor: pointer;}
.aright{text-align: right;}

.blue{color: #37B2DA;}

/* HEADER */
header{
	position: fixed;
	top: 0px;
	
	height: 54px;
	width: 100%;
	min-width: 980px;
	
	background-color: #333333;
	z-index: 10;
	
}
	header .container{
		margin: auto;
		width: 980px;
		background-color: #202020;
	}
	
		#header-sidebar{
			position: relative;
			width: 270px;
			
			min-height: 54px;
			padding: 10px 10px 0 20px;
		}
			
			#logo{
				padding-top: 1px;
			}
				#logo a{
					display: block;
					height: 32px;
					width: 180px;
					
					background: url("../gfx/manticus.com/logo.png");
				    background-size: 180px 32px;
				    background-repeat: no-repeat;
				}
				
				.dropdown-container{
					position: relative;
					
					white-space: nowrap;
					border-radius: 2px;
					
					padding: 5px 0 0 0;
				}
					.dropdown-container img{
						margin: 0;
						padding: 0;
						line-height: 0;
					}
					
					.dropdown-icon{
						margin-top: 3px;
					}
					.dropdown-current{
						padding-left: 15px;
						margin-bottom: 5px;
					}
					.dropdown-selection{
						position: absolute;
						left: 0;
						
						background-color: #202020;
						
						padding: 0px 15px;
						height: 0px;
						width: 180px;
						overflow: hidden;
						
						-webkit-transition: all 0.5s; /* Safari */
						-webkit-transition: all 0.5s; /* Safari */
						transition: all 0.5s;
						transition: all 0.5s;
					}
					.dropdown-container:hover .dropdown-selection{
						padding-top: 10px;
						height: 175px;
					}
						.dropdown-container .country{
							color: #FFFFFF;
							padding-top: 5px;
							padding-left: 10px;
						}
		
		#header-actions{
			color: #CCCCCC;
			font-size: 11px;
			
			padding-right: 20px;
			padding-top: 22px;
		}
		
			#buy-icon-action{
				display: block;
				
				width: 28px;
				height: 28px;
				
				margin-top: -6px;
				
				background-color: #FD8A09;
				border: 2px solid #FFFFFF;
				
				border-radius: 50px;
			}
				#buy-icon-action .icons16{
					margin-left: 4px;
					margin-top: 4px;
				}
			
			#buy-action{
				font-size: 14px;
				color: #FFFFFF;
				line-height: 12px;
				text-transform: uppercase;
				
				margin-top: -4px;
				margin-left: 5px;
			}
				#buy-action span{
					font-size: 10px;
				}
		
			#login-action{color: #FFFFFF;}
			#login-action:hover{text-decoration: underline;}
			
			#register-action{color: #AACF3C;}
			#register-action:hover{text-decoration: underline;}
			
		#header-menu{
			padding: 23px 0 0 10px;
			font-size: 10px;
			color: #999999;
			text-transform: uppercase;
		}
		
			#header-menu a{
				color: #999999;
				
				padding: 0 10px;
				
				border-right: 1px solid #666666;
			}
			#header-menu a:hover{
				color: #FFFFFF;
				
				-webkit-transition: color 0.5s; /* Safari */
				transition: color 0.5s;
			}
			#header-menu a.last{
				border-right: none;
				padding-right: 0;
			}
			
		#notifications{
			width: 24px;
			height: 24px;
			
			margin-top: 16px;
			margin-right: 20px;
			padding: 4px 0 0 4px;
			
			border-radius: 3px;
			
			cursor: pointer;
		}
			#notifications .icons16{
				opacity: 0.4;
			}
			
		#notifications:hover{
			background-color: #333333;
		}
			#notifications:hover .icons16{
				opacity: 1;
			}
			
		#notifications-menu{
			position: absolute;
			z-index: 1;
			
			top: 33px;
			right: -50px;
			
			width: 300px;
			
			-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.30);
			box-shadow: 0 2px 5px 0px rgba(0,0,0,0.30);
		}
		
			#notifications-table{
				width: 100%;
				
			}
				#notifications-table .items{
					background-color: #FFFFFF;
				}
				#notifications-table .items:hover{
					background-color: #EFFCFF;
				}
					#notifications-table .avatar{
						width: 20%;
						
						padding: 10px 15px 10px 15px;
						border-bottom: 1px solid #F2F2F2;
					}
						#notifications-table .avatar span{
							display: block;
							margin: auto;
							
							box-sizing: content-box;
							
							width: 48px;
							height: 48px;
							border: 2px solid #F2F2F2;
							background-color: #E5E5E5;
							
							border-radius: 100%;
						}
					#notifications-table .text {
						width: 80%;
						
						padding-right: 20px;
						border-bottom: 1px solid #F2F2F2;
					}
						#notifications-table .text a{
							color: #666666;
						}
						#notifications-table .text span{
							color: #37B2DA;
						}
						
		#notifications-menu:after {
			content:"";
			position:absolute;
			
			/* reduce the damage in FF3.0 */
			display:block;
			width:0;
			
			top: -7px; /* value = - border-top-width - border-bottom-width */
			right: 55px; /* controls horizontal position */
			
			bottom: auto;
			left: auto;
			
			border-width: 0 7px 7px; /* vary these values to change the angle of the vertex */
			border-style:solid;
			border-color: #FFFFFF transparent;
		}

/* BANNER */
#banner{
	position: relative;
	
	min-width: 980px;
	width: 100%;
	
	padding-bottom: 40px;
	
	background-image: url("../gfx/common/banners/banner.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	
	text-align: center;
	
	-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.15);
	
	z-index: 1;
}
	#banner h3{
		font-family: 'Great Vibes', cursive;
		font-size: 56px;
		line-height: 70px;
		color: #FFFFFF;
		
		text-align: center;
		
		padding-top: 40px;
	}
	
	#banner p{
		font-family: 'Petit Formal Script', cursive;
		font-size: 16px;
		color: #FFFFFF;
		line-height: 24px;
		
		text-align: center;
		
		padding: 15px;
	}
	#banner p a{
		color: #FFFFFF;
	}
	
	#banner .wrapper{
		margin: auto;
		width: 980px;
		
		padding-bottom: 60px;
		
		border-radius: 50px;
		background-color: rgba(255, 255, 255, 0.6)
	}
	
	#banner .row .label{
		margin: 0px;
	}
	#banner .row .value{
		margin: 0px;
	}
	
	/* Macaroon button */
	.macaroon-button {
		position: relative;
		width: 100px;
		height: 100px;
		display: inline-block;
		
		margin-top: 10px;
		
		-moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    border-radius: 50%;
	    
	    background: rgba(255,160,0,0.75);
		border: 2px solid rgba(255,140,0,0.75);
	}
	.macaroon-button:hover {
	    -webkit-animation: pulse 1s ease 0s infinite normal;
	    -o-animation: pulse 1s ease 0s infinite normal;
	    -moz-animation: pulse 1s ease 0s infinite normal;
	    animation: pulse 1s ease 0s infinite normal;
	}
	
		.macaroon-button .macaroon-container {
		    position:absolute;
		    left: 0;
		    top: 0;
		    
		    width:100%;
		    height:100%;
		    
		    -moz-border-radius: 50%;
			-webkit-border-radius: 50%;
	    	-o-border-radius: 50%;
	    	border-radius: 50%;
	    	
		    border: 1px solid #FFFFFF;
		}
	
		.macaroon-button .macaroon-text {
		    font-family: 'Petit Formal Script', cursive;
		    position: relative;
		    top: 35%;
		    
		    vertical-align: middle;
		    text-align: center;
		    
		    font-size: 13px;
			color: #FFFFFF;
			line-height: 16px;
		}
		
/* Banner register form */
#banner.register{
	padding-top: 50px;
}
	#banner.register .form{
		width: 50%;
		margin: 20px auto;
		
		text-align: left;
	}
	#banner.register .form label/*,
	#banner.register .form .label,
	#banner.register .form .value*/{
		color: #333333;
		font-weight: 500;
		font-size: 16px;
		
		margin-left: 0px;
		margin-right: 0px;
	}
	#banner.register .form label{
		margin-left: 5px;
	}
	#banner.register .form input[type="submit"].green{
		height: auto;
		padding: 10px 20px;
		font-size: 20px;
	}
	
/* MEMBER DASHBOARD */
/* Dashboard account */
#db-account-area{
	height: 50px;
}
#db-account{
	position: fixed;
	width: 980px;
	z-index: 3;
	
	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0 1px 5px 0px rgba(0,0,0,0.15);
}
	.db-account-wrapper{
		background-color: #FCFCFC;
	}
	
	#db-account-swap {
		cursor: pointer;
		
		margin-top: 12px;
		margin-right: 15px;
	}
		#db-account-swap .icon{
			background-position: 0 -336px;
		}
		#db-account-swap.displayed .icon{
			background-position: 0 -360px;
		}
		
	.db-labels{
		font-size: 13px;
		color: #222222;
	}
	.db-values{
		font-size: 16px;
		color: #AACF3C;
	}
	.db-values.trial {
		color: #FF3D73;
	}
	
	#db-account-title{
		width: 270px;
		padding: 10px 20px 10px 20px;
		
		background-color: #FCFCFC;
		border-right: 1px solid rgba(0,0,0,0.04);
		
		white-space: nowrap;
		overflow: hidden;
	}
	
		#db-account-pseudo a{
			font-size: 14px;
			color: #222222;
		}
			#db-account-pseudo span{
				color: #AACF3C;
			}
		
		#db-account-logout{
			padding-top: 4px;
			padding-left: 5px;
		}
			#db-account-logout a{
				font-size: 9px;
				color: #666666;
				text-transform: uppercase;
			}
			#db-account-logout a:hover{
				text-decoration: underline;
			}
			
	#db-account-info{
		padding: 15px 20px 0 20px;
	}
		#db-account-info .db-infos{
			padding-right: 15px;
		}
	
	#db-account-more{
		/*background-color: #F2F2F2;*/
		border-top: 2px solid #F8F8F8;
		background: rgba(250, 250, 250, 0.90);
	}
		#db-account-time{
			width: 270px;
			padding: 25px 20px 25px 20px;
		}
			.db-account-fidelity{
				text-align: center;
			}
				.db-fidelity{
					position: relative;
					/*margin-top: 7px;*/
					height: 80px;
				}
					.db-fidelity .label{
						position: absolute;
						
						top: 30px;
						left: 20px;
						
						font-size: 10px;
						color: #222222;
						line-height: 11px;
						
						text-transform: uppercase;
					}
					.db-fidelity .label span{
						font-size: 14px;
						font-weight: 500;
					}
					.db-fidelity .label a{
						color: #222222;
					}
					
				.db-account-fidelity.vip .db-values{
					color: #FF3D73;
				}
					.db-account-fidelity.vip .label{
						left: 14px;
					}

/* Dashboard - Account menu */
#db-account-menu{
	border-left: 1px solid rgba(0,0,0,0.04);
	padding: 15px 20px 15px 20px;
}
	#db-account-menu ul{
		width: 220px;
	}
		#db-account-menu ul li{
			margin-bottom: 5px;
		}
		
			#db-account-menu .db-menu-icon{
				display: inline-block;
				position: relative;
					
				width: 28px;
				height: 28px;
				
				background-color: #999999;
				border: 2px solid #FFFFFF;
				
				border-radius: 50px;
			}
				#db-account-menu .db-menu-icon .icons16{
					margin-left: 4px;
					margin-top: 4px;
				}
			#db-account-menu .db-menu{
				display: inline-block;
				
				margin-left: 10px;
				
				font-size: 14px;
				line-height: 28px;
				vertical-align: top;
				color: #666666;
			}
			#db-account-menu .db-menu:hover, .db-menu.active{
				color: #333333;
			}
			
			#db-account-menu .db-menu-icon.green{background-color:#C2E362;}
			#db-account-menu .db-menu-icon.orange{background-color:#FD8A09;}
			#db-account-menu .db-menu-icon.blue{background-color:#71D6EB;}
			#db-account-menu .db-menu-icon.yellow{background-color:#FFE500;}
			#db-account-menu .db-menu-icon.red{background-color:#DE0000;}
			#db-account-menu .db-menu-icon.grey{background-color:#CCCCCC;}
			#db-account-menu .db-menu-icon.darkgreen{background-color:#4AA811;}
			#db-account-menu .db-menu-icon.pink{background-color:#FF3D73;}
			#db-account-menu .db-menu-icon.violet{background-color:#D290FF;}
			#db-account-menu .db-menu-icon.darkblue{background-color:#3297E0;}
			
				/* Submenu */
				#db-account-menu li ul {
					margin-top: 10px;
					margin-bottom: 10px;
					
					padding-left: 55px;
				}
				
					#db-account-menu li.db-submenu a{
						font-size: 12px;
						color: #333333;
					}
					
					#db-account-menu li.db-submenu.active,
					#db-account-menu li.db-submenu:hover{
						list-style-type: disc;
					}
						#db-account-menu li.db-submenu.active a{
							font-weight: 500;
						}
						
				#db-account-menu li ul.menu-swap{
					display: none;
				}
				#db-account-menu li ul.menu-swap.displayed{
					display: inherit;
				}
						
/* SIDEBOX */
#sidebox{
	position: relative;
	
	float: left;
	
	width: 270px;
	height: 100%;
	/*float: left;*/
	
	border-right: 2px solid #efefef;
	background-color: #F8F8F8;
}
	/* Sidebox - CSS tricks to blur */
	#sb-blur-area{
		height: 250px;
	}	
	
	#sb-blur{
		position: absolute;
		z-index: 0;
		
		left: 0;
		top: 0;
		
		width: 270px;
		height: 250px;
		
		overflow: hidden;
		
		background-repeat: none;
		background-position: top right;
		
		-webkit-filter: blur(50px);
		-moz-filter: blur(50px);
		-o-filter: blur(50px);
		-ms-filter: blur(50px);
		filter: blur(50px);
		
		opacity: 0.5;
	}
	.sb-overblur{
		position: absolute;
		height: 250px;
		z-index: 1;
		
		top: 0;
		left: 0;
	}

	/* Sibebox - Stats */
	#sb-stats{
		padding: 30px 30px 0 30px;
		/*text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);*/
		text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.4);
	}
	
		#sb-stats-title{
			font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
			font-size: 18px;
			color: #FFFFFF;
			
			text-align: center;
			font-weight: 300;
			
			margin-bottom: 30px;
		}
			#sb-stats-title span{
				color: #222222;
			}
			
		#sb-stats-subtitle{
			font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #FFFFFF;
			
			text-align: center;
			font-weight: 300;
			
			margin-bottom: 30px;
		}
			#sb-stats-subtitle span{
				color: #222222;
			}
			
		#sb-stats-appstore{
			text-align: center;
		}

	/* Sidebox - Account */
	#sb-account{
		height: 250px;
	}
		.sb-labels{
			font-size: 13px;
			color: #222222;
		}
		.sb-values{
			font-size: 16px;
			color: #AACF3C;
		}
			.sb-values a{
				color: #EA615B;
			}
			.sb-values .process{
				color: #999999;
				font-size: 10px;
			}
		
		#sb-account-title{
			background-color: #FCFCFC;
			
			padding: 10px 20px 10px 20px;
			
			-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
			box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
		}
		
			#sb-account-pseudo a{
				font-size: 14px;
				color: #222222;
			}
				#sb-account-pseudo span{
					color: #AACF3C;
				}
			
			#sb-account-logout{
				padding-top: 3px;
			}
				#sb-account-logout a{
					font-size: 9px;
					color: #666666;
					text-transform: uppercase;
				}
				#sb-account-logout a:hover{
					text-decoration: underline;
				}
				
		#sb-account-info{
			padding: 15px 20px 0 20px;
		}
			#sb-account-details{
				line-height: 22px;
			}
			#sb-account-details .sb-labels{
				display: inline-block;
				width: 110px;
			}
			#sb-account-details .sb-values{
				display: inline-block;
			}
			#sb-account-details .sb-values.vip{
				color: #FF3D73;
			}
			
		.sb-account-fidelity{
			text-align: center;
			
			margin-top: 5px;
		}
			.sb-account-fidelity .sb-labels{
				font-size: 12px;
				text-transform: uppercase;
			}
				.sb-account-fidelity .sb-labels span{
					font-weight: 500;
					line-height: 0;
				}
			.sb-account-fidelity .sb-values{
				font-size: 14px;
			}
			
			.sb-fidelity{
				position: relative;
				margin-top: 7px;
				height: 80px;
			}
				.sb-fidelity .label{
					position: absolute;
					
					top: 30px;
					left: 28px;
					
					font-size: 10px;
					color: #222222;
					line-height: 11px;
					
					text-transform: uppercase;
				}
				.sb-fidelity .label a{
					color: #222222;
				}
				.sb-fidelity .label span{
					font-size: 14px;
					font-weight: 500;
				}
				
			.sb-account-fidelity.vip .sb-values{
				color: #FF3D73;
			}
				.sb-account-fidelity.vip .label{
					left: 33px;
				}
	
	/* Sidebox - Account menu */
	#sb-account-menu{
		padding: 15px 20px 12px 20px;
		background-color: #F2F2F2;
	}
		#sb-account-menu ul li{
			margin-bottom: 5px;
		}
			.sb-menu-icon{
				display: inline-block;
				position: relative;
					
				width: 28px;
				height: 28px;
				
				background-color: #999999;
				border: 2px solid #FFFFFF;
				
				border-radius: 50px;
			}
				.sb-menu-icon .icons16{
					margin-left: 4px;
					margin-top: 4px;
				}
			.sb-menu{
				display: inline-block;
				
				margin-left: 10px;
				
				font-size: 14px;
				line-height: 28px;
				vertical-align: top;
				color: #666666;
			}
			.sb-menu:hover, .sb-menu.active{
				color: #333333;
			}
			
			.sb-menu-icon.green{background-color:#C2E362;}
			.sb-menu-icon.orange{background-color:#FD8A09;}
			.sb-menu-icon.blue{background-color:#71D6EB;}
			.sb-menu-icon.yellow{background-color:#FFE500;}
			.sb-menu-icon.red{background-color:#DE0000;}
			.sb-menu-icon.grey{background-color:#CCCCCC;}
			.sb-menu-icon.darkgreen{background-color:#4AA811;}
			.sb-menu-icon.pink{background-color:#FF3D73;}
			.sb-menu-icon.violet{background-color:#D290FF;}
			.sb-menu-icon.darkblue{background-color:#3297E0;}
			
				/* Submenu */
				#sb-account-menu li ul{
					margin-top: 10px;
					margin-bottom: 10px;
					
					padding-left: 55px;
				}
				
					#sb-account-menu li.sb-submenu a{
						font-size: 12px;
						color: #333333;
					}
					
					#sb-account-menu li.sb-submenu.active,
					#sb-account-menu li.sb-submenu.active,
					#sb-account-menu li.sb-submenu:hover{
						list-style-type: disc;
					}
						#sb-account-menu li.sb-submenu.active a{
							font-weight: 500;
						}
	
	
	/* Sidebox - Experts */
	#sb-experts{
		position: relative;
	}
	
		/* Sidebox - Search */
		#sb-experts-search{
			padding: 30px 10px 20px 10px;
		}
			#sb-experts-search .input-search{
					width: 245px;
					height: 26px;
					
					margin: 0;
					padding: 4px 55px 4px 10px;
					
					font-size: 11px;
				}
			#sb-experts-search .input-button{
				right: 0;
				top: 0;
				
				padding: 4px 15px 1px 15px;
				
				background-color: #6F6F6F;
				border-color: #4A4A4A;
			}
	
		/* Sidebox - List */
		#sb-experts-list{
			overflow: hidden;
		}
		
			.sb-experts-online{
				position: relative;
				
				font-size: 11px;
				color: #CCCCCC;
				
				margin: 10px;
			}
				.sb-experts-online .line{
					position: absolute;
					
					top: 6px;
					width: 250px;
					height: 1px;
					
					background-color: #E5E5E5;
				}
				.sb-experts-online .text{
					position: relative;
					z-index: 1;
					
					text-align: center;
					
					background-color: #F8F8F8;
					
					margin: 0 55px;
				}
			
			.sb-experts-favorite{
				padding: 5px 0;
				text-align: center;
				background: #EFEFEF;
				font-size: 11px;
				color: #999;
			}
			
			.sb-experts{
				padding: 10px 15px;
				border-bottom: 1px solid #EFEFEF;
				
				cursor: pointer;
			}
			.sb-experts:hover{
				background-color: #FFFFFF;
			}
			
				.sb-experts .sb-experts-avatar{
					width: 48px;
					height: 48px;
					
					border-radius: 40px;
					background-color: #E5E5E5;
				}
					.sb-experts .sb-experts-avatar .ic_new{
						margin-top: -1px;
						margin-left: -2px;
					}
					.sb-experts .sb-experts-avatar .fav-index{
						margin-top: -2px;
					}
				
				.sb-experts .sb-experts-details{
					margin-left: 5px;
					padding-top: 5px;
				}
					.sb-experts .sb-experts-pseudo{
						min-width: 85px;
						padding-right: 5px;
						
						font-size: 12px;
						color: #666666;
						font-weight: 500;
					}
					.sb-experts .sb-experts-rates{
						font-size: 12px;
					}
					
					.sb-experts .sb-experts-code{
						color: #333333;
						padding-left: 1px;
					}
					
					.sb-experts .sb-experts-status{
						font-size: 12px;
						padding-top: 5px;
						color: #37B2DA;
					}
						.sb-experts-status.present{color: #AACF3C;}
						.sb-experts-status.occupe{color: #FF8905;}
						.sb-experts-status.bientot{color: #666666;}
						.sb-experts-status.absent{color: #EB0000;}
						
					.sb-experts .sb-experts-icons{
						position: relative;
						margin-top: 11px;
						
						width: 24px;
						height: 24px;
						
						box-sizing: content-box;
						
						background-color: #71D6EB;
						border: 2px solid #FFFFFF;
						
						border-radius: 50px;
						
						-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
						box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					}
						.sb-experts .sb-experts-icons span{
							position: absolute;
							top: 4px;
							left: 4px;
						}
					
					.sb-experts-icons.present{background-color:#C2E362;}
					.sb-experts-icons.occupe{background-color:#FF9F34;}
					.sb-experts-icons.bientot{background-color:#999999;}
					.sb-experts-icons.absent{background-color:#FF4F4F;}
					
		.sb-experts-more{
			font-size: 11px;
			font-weight: 500;
			color: #333333;
			
			text-transform: uppercase;
			background-color: #E5E5E5;
			
			text-align: center;
			
			padding: 13px 0;
			
			cursor: pointer;
		}
		
		/* Sidebox - Footer */
		#sb-experts-footer{
			bottom: 0;
			z-index: 3;
			
			width: 270px;
		}
			/* Sidebox - Online */
			#expert-online .container{
				background-color: rgba(44, 44, 44, 0.9);
				
				padding: 10px 15px 10px 10px;
			}
			#expert-online.fixed .container{
				position: fixed;
				
				/*
				bottom: 10px;
				left: 10px;
				border-radius: 3px;
				*/
				bottom: 0;
				
				width: 270px;
			}
				#expert-online .avatar{
					width: 48px;
					height: 66px;
					
					background-color: #999999;
					border: 1px solid #333333;
					
					margin-right: 15px;
				}
				
				#expert-online .title{
					padding-top: 3px;
					
					color: #999999;
				}
				#expert-online .pseudo{
					padding-top: 3px;
					
					font-size: 13px;
					text-transform: uppercase;
					color: #FFFFFF;
				}
				#expert-online .time{
					padding-top: 10px;
					
					color: #FFFFFF;
				}
				
				#expert-online .status{
					position: relative;
					
					width: 24px;
					height: 24px;
					box-sizing: content-box;
					
					margin-top: 2px;
					
					background-color: #FF9F34;
					border: 2px solid #FFFFFF;
					
					border-radius: 50px;
					
					-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
				}
					#expert-online .status span{
						position: absolute;
						top: 4px;
						left: 4px;
					}
				
				/*.expert-online-status{background-color:#71D6EB;}
				.expert-online-status.present{background-color:#C2E362;}
				.expert-online-status.occupe{background-color:#FF9F34;}
				.expert-online-status.bientot{background-color:#999999;}
				.expert-online-status.absent{background-color:#FF4F4F;}*/
			
			/* Sidebox - Filter */
			#sb-experts-type{
				background-color: rgba(84, 84, 84, 0.9);
				border: 1px solid #3D3D3D;
				
				padding: 10px;
			}
			#sb-experts-type .experts-type{
				position: relative;
				
				font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
				font-size: 10px;
				color: #888888;
				text-transform: uppercase;
				
				padding: 3px 0 3px 21px;
				margin-left: 10px;
				margin-right: 10px;
				
				cursor: pointer;
			}
				#sb-experts-type .experts-type span{
					position: absolute;
					top: 0;
					left: 0;
					
					display: block;
					height: 16px;
					width: 16px;
					
						background-image: url("../gfx/common/template/icons_16.png?1");
					background-repeat: no-repeat;
					background-position: 0 -432px;
				}
			
			#sb-experts-type.trial .experts-type{
				padding: 3px 0 3px 18px;
				margin-left: 3px;
				margin-right: 3px;
			}
			
			#sb-experts-type .experts-type.active,
			#sb-experts-type .experts-type:hover{color: #E5E5E5;}
				#sb-experts-type .experts-type.active span,
				#sb-experts-type .experts-type:hover span{background-position: 0 -384px;}

			#sb-experts-type .experts-type.trial{
				color: #FF3D73;
			}
				#sb-experts-type .experts-type.trial span{
					background-position: 0 -816px;
				}
				#sb-experts-type .experts-type.trial:hover span{background-position: 0 -800px;}

/* NOTIFICATIONS (Score) */
/* Header - Dashboard - Sidebox */
.notif-score{
	position: absolute;
	
	border-radius: 40px;
	
	top: -6px;
	right: -6px;
	
	width: 12px;
	height: 12px;
	
	padding-top: 1px;
	
	color: #FFFFFF;
	font-size: 9px;
	font-weight: 500;
	
	text-align: center;
	
	background-color: #FF0000;
}

/* STRUCTURE */
#wrapper{
	position: relative;
	
	margin: auto;
	width: 980px;
	
	background-color: #FFFFFF;
	
	-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
}
	#page.columns{
		float: left;
		
		width: 710px; /* 980px - 270px */
	}
	
		#page .contents{
			padding: 50px;
			
			color: #999999;
		}
		#page .contents.grey{
			margin: 10px;
			padding: 40px;
			
			background-color: #F8F8F8;
		}
		#page .contents.blue{
			margin: 10px;
			padding: 40px;
			
			background-color: #EFFCFF;
		}
			#page .contents .blocks{
				margin-bottom: 40px;
			}
			#page .contents p{
				line-height: 1.4em;
			}
			#page .contents ol{
				list-style: decimal;
				margin-left: 15px;
			}

/* TABLE */
.table-head{
	padding: 20px;
	background-color: #F8F8F8;
	border-bottom: 2px solid #F2F2F2;
}
	.table-head .columns{
		font-size: 12px;
		font-weight: 500;
		padding-top: 4px;
	}
	.table-head .columns span{
		color: #37B2DA;
	}

.table-body{
	background-color: #FFFFFF;
}
	.table-body .rows{
		padding: 20px;
	}
	.table-body .rows.even{
		background-color: #EFFCFF;
	}
/*[END]*/

/* HOMEPAGE */

/* Contents */
#homepage{
	padding: 15px 60px 15px 60px;
}

	#homepage section{
		position: relative;
		width: 50%;
		
		padding: 15px 50px 15px 110px;
	}
	#homepage section.even{
		border-right: 0px;
		
		padding: 20px 0px 20px 160px;
		
		border-left: 1px solid #F2F2F2;
	}
		#homepage .ic_close{
			cursor: pointer;
		}
	
		#homepage .icons72{
			position: absolute;
			top: 30px;
			left: 0;
		}
		#homepage .even .icons72{
			left: 50px;
		}
		
		#homepage p{
			font-size: 13px;
			color: #333333;
			line-height: 1.3;
		}
		
		#homepage a{
			color: #333333;
			text-decoration: none;
		}
	
	#homepage .last_reviews{
		cursor: default;
		padding: 0 5px;
		
		font-size: 13px;
		color: #333333;
		line-height: 1.3;
		
		display: inline-block;
	}
		#homepage .carousel .slick-slide{
			min-width: 269px;
		}
		#homepage .last_reviews .pseudo{
			padding-bottom: 10px;
		}
			#homepage .last_reviews .pseudo span{
				color: #333333;
				font-weight: 500;
			}
			#homepage .last_reviews .pseudo a{
				color: #37B2DA;
			}
		#homepage .last_reviews .message{
			text-align: justify;
			padding-bottom: 10px;
			font-style: italic;
		}
		
		#homepage .last_reviews .date{
			font-size: 11px;
			color: #666666;
		}
			#homepage .last_reviews .date span{
				font-weight: 500;
			}
		
		#homepage .last_reviews .reviews{
			font-size: 11px;
			font-weight: 500;
			color: #666666;
		}
	
	#homepage-more{
		text-align: center;
		margin: 15px 0;
	}
	
		#homepage-more a{
			vertical-align: top;
			line-height: 20px;
			
			color: #666666;
			font-size: 12px;
			font-weight: 500;
			text-transform: uppercase;
		
			padding: 7px 12px;
			border-radius: 3px;
		}
		#homepage-more a:hover{
			/*text-decoration: underline;*/
			color: #333333;
			
			background-color: #f2f2f2;
		}
		
		.display-swap{
			display: none;
		}
		.display-swap.displayed{
			display: inherit;
		}

/* Stats */
#homepage-stats{
	padding: 15px 60px;
	background-color: #EFEFEF;
	color: #AAAAAA;
}
	#homepage-stats .stats-wrapper{
		width: 25%;
		
		padding: 5px 0 0 30px;
		border-right: 1px solid #FFFFFF;
		
		font-size: 12px;
		vertical-align: bottom;
	}
	#homepage-stats .stats-wrapper.first{
		padding-left: 0;
	}
	#homepage-stats .stats-wrapper.last{
		border-right-width: 0px;
		padding-right: 0;
	}
	#homepage-stats .stats-num{
		float: left;
		
		padding-right: 7px;
		
		font-size: 28px;
		color: #666666;
	}
	#homepage-stats .stats-clue{
		float: left;
		padding-top: 3px;
		line-height: 12px;
	}

/* Search */
#experts-form .form-search{
	padding: 30px 60px 20px 60px;
	background-color: #F8F8F8;
}

	#experts-type .experts-type{
		position: relative;
		
		text-transform: uppercase;
		color: #666666;
		
		font-size: 12px;
		font-weight: 700;
		line-height: 13px;
		
		padding-left: 30px;
		margin-left: 35px;
		margin-right: 5px;
		
		cursor: pointer;
	}
	#experts-type .experts-type.first{
		margin-left: 0;
	}
		#experts-type .experts-type span{
			position: absolute;
			top: 0;
			left: 0;
			
			display: block;
			height: 24px;
			width: 24px;
			
			background-image: url("../gfx/common/template/icons_24.png?1");
			background-position: 0 -24px;
			background-repeat: no-repeat;
		}
		#experts-type .experts-type:hover span{background-position: 0 -48px;}
	
	#experts-type .experts-type.active{color: #37B2DA;}
		#experts-type .experts-type.active span{background-position: 0 -96px;}
		
	#experts-type .experts-type.trial{color: #FF3D73;}
		#experts-type .experts-type.trial span{background-position: 0 -120px;}
		#experts-type .experts-type.trial.active span/*,
		#experts-type .experts-type.trial:hover span*/{background-position: 0 -144px;}
	
	
	#experts-search{
		/*position: relative;*/
		text-align: right;
		vertical-align: middle;
	}
		#experts-search .ic_info{
			margin-top: 6px;
			margin-right: 8px;
		}
		
		#experts-search .input-search{
			width: 255px;
			height: 28px;
			
			margin: 0;
			padding: 5px 55px 5px 10px;
			
			font-size: 12px;
		}
		#experts-search .input-button{
			right: 0;
			top: 0;
			
			padding: 5px 15px 2px 15px;
			
			background-color: #6F6F6F;
			border-color: #4A4A4A;
		}
		#experts-search .search-more{
			font-size: 10px;
			text-transform: uppercase;
			color: #666666;
			line-height: 11px;
		
			margin-top: 12px;
		}
			#experts-search .search-more a{
				color: #666666;
				font-weight: 500;
			}
			
/* Advanced search */		
.form-advanced-search{
	border-top: 2px solid #F2F2F2;
	border-bottom: 2px solid #F2F2F2;
	
	padding: 30px 60px;
	
	/*-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);*/
}
	.form-advanced-search .ic_close{
		cursor: pointer;
	}
	.form-advanced-search h3{
		text-transform: uppercase;
		
		font-size: 13px;
		font-weight: 500;
		color: #666666;
		line-height: 15px;
		
		padding-bottom: 15px;
	}
	
	.form-advanced-search .br{
		padding: 20px 0;
	}
	
	.dd-advanced{
		position: relative;
		margin-right: 40px;
	}
		.dd-selection{
			width: 310px;
			padding: 10px;
			
			border-radius: 3px;
			background-color: #F8F8F8;
			
			font-size: 13px;
			font-weight: 500;
			
			color: #666666;
			cursor: pointer;
		}
			.dd-selection span{
				white-space: nowrap;
				text-transform: uppercase;
				color: #37B2DA;
				
				margin-left: 20px;
			}
		.dd-advanced:hover .dd-selection{
			background-color: #666666;
			color: #FAFAFA;
			
			border-radius: 3px 3px 0 0;
		}
		
		.dd-list{
			position: absolute;
			z-index: 3;
			width: 310px;
			
			padding: 15px;
			
			background-color: #FAFAFA;
			
			border-radius: 0 0 3px 3px;
			border: 1px solid #E5E5E5;
			border-top: none;
			
			display: none;
		}
		.dd-advanced:hover .dd-list{
			display: block;
		}
			.dd-item{
				cursor: pointer;
				
				font-size: 12px;
				line-height: 22px;
				
				color: #999999;
				
				white-space: nowrap;
			}
			.dd-item.active,
			.dd-item:hover{
				color: #333333;
			}
			
			.dd-item span{
				margin-right: 7px;
				
				width: 14px; /*16px*/
				height: 9px; /*16px*/
			}
			.dd-item.active span{
				background-position: 0 -132px; /*-128px*/
			}
			
			.dd-list .separator{
				height: 1px;
				background-color: #efefef;
				margin: 5px 0;
			}
	
	.written-filter.dd-advanced{
		position: absolute;
		z-index: 3;
		margin-right: 0px;
		margin-top: -6px;
	}
		.written-filter .dd-selection{
			width: 0;
		}
		.written-filter:hover .dd-selection{
			width: 230px;
		}
			.written-filter .dd-selection span{
				margin-left: 0;
				display: none;
			}
			.written-filter:hover .dd-selection span{
				display: block;
			}
			.written-filter .dd-selection .icons16{
				display: block;
				margin-top: -2px;
				margin-right: 5px;
			}
		.written-filter .dd-list{
			width: 230px;
		}
	
	.cb-category{
		font-size: 12px;
		font-weight: 500;
		color: #666666;
		
		background: #F8F8F8;
		border-radius: 3px;
		
		margin-right: 15px;
		margin-bottom: 10px;
		padding: 6px 15px 8px 10px;
		
		cursor: pointer;
		
		width: 180px;
	}
	.cb-category.active{
		color: #FAFAFA;
		background-color: #666666;
	}
		.cb-category span{
			margin-right: 5px;
			vertical-align: bottom;
		}
		.cb-category:hover span{
			background-position: 0 -144px;
		}
		.cb-category.active span{
			background-position: 0 -160px;
		}
		.cb-category.active:hover span{
			background-position: 0 -176px;
		}

/* Navigation */
.experts-nav,
.expert-reviews-nav,
.transactions-nav,
.consultations-nav,
.alerts-nav,
.messages-nav,
.followup-nav,
.recalls-nav,
.articles-nav{
	text-align: center;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #FBFBFB;
}

.pagination{
	position: relative;
}
	.pagination .pages{
		display: inline-block;
		width: 28px;
		height: 28px;
		
		padding-top: 5px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #666666;
		
		text-align: center;
		vertical-align: middle;
		
		border-radius: 40px;
		/*background: #EFEFEF;
		border: 1px solid #DDDDDD;*/
		
		margin-left: 8px;
		margin-right: 8px;
		cursor: pointer;
	}
	.pagination .pages:hover{
		color: #333333;
		background-color: #EFEFEF;
		/*border: 1px solid #E5E5E5;*/
	}
	.pagination .pages.active,
	.pagination .pages.active:hover{
		background: #6ECDEB;
		/*border: 1px solid #37B2DA;*/
		color: #FFFFFF;
	}
	
	.pagination .sep{
		font-weight: 500;
	}
	
	.pagination .refresh{
		position: absolute;
		
		top: 9px;
		right: 60px;
		
		height: 30px;
		
		font-size: 12px;
		font-weight: 500;
		color: #333333;
		
		text-transform: uppercase;
		
		padding: 8px 12px 0 12px;
		margin-left: 20px;
		cursor: pointer;
		
		border-radius: 3px;
		
	}
	.pagination .refresh:hover{
		
		background-color: #EFEFEF;
	}

/* Listing */
#experts-list{
	position: relative;
}

	#experts .noresult{
		padding: 20px 0;
		
		text-align: center;
		font-size: 13px;
		font-weight: 500;
	}

/* Listing items */
.experts{
	padding: 25px 60px;
}
.experts.even{
	background-color: #EFFCFF;
}
		
	.experts .experts-details{
		position: relative;
		
		width: 50%;
		min-height: 80px;
		
		padding-left: 110px;
		padding-right: 40px;
		
		border-right: 1px solid #F2F2F2;
	}
	.experts.even .experts-details{
		border-right-color: #c4eff9;
	}
	
		.experts .experts-avatar{
			position: absolute;
			top: -5px;
			left: 0;
		}
			.experts .experts-avatar a{
				display: block;
			
				box-sizing: content-box;
				
				width: 76px;
				height: 90px;
				
				border-radius: 40px;
				background-color: #E5E5E5;
				
				border: 2px solid #FFFFFF;
				
				-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
				box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
			}
				.experts .experts-avatar .ic_new{
					position: absolute;
					left: -6px;
					top: -9px;
				}
				.experts .experts-avatar .fav-index{
					margin-top: -6px;
				}
		
		.experts .experts-country{
			position: absolute;
			left: 28px;
			bottom: -12px;
		}
		
		.experts .experts-pseudo a{
			font-size: 16px;
			font-weight: 500;
			color: #333333;
			text-transform: uppercase;
		}
		
		.experts .experts-code{
			font-size: 16px;
			font-weight: 500;
			margin-left: 10px;
		}
		
		.experts .experts-tools{
			margin-top: -4px;
		}
			.experts .experts-tools .tools{
				padding: 4px 5px 3px 5px;
				border-radius: 3px;
				margin-left: 10px;
				cursor: pointer;
			}
			.experts .experts-tools .tools:hover{
				background-color: #E5E5E5;
			}
				.experts .experts-tools .tools.audio.active span{
					background-position: 0 -192px;
				}
		
		.experts .experts-categories{
			margin-top: 5px;
		}
			.experts .experts-categories a{
				font-size: 12px;
				color: #999999;
			}
			.experts .experts-categories a:hover{
				text-decoration: underline;
			}
			
		.experts .experts-highlight{
			margin-top: 12px;
			
			font-size: 12px;
			font-weight: 400;
			color: #333333;
			
			font-family: "Kalam", cursive;
		}
		
	.experts .experts-consultation{
		width: 50%;
		
		padding-left: 40px;
	}
	.experts.ca .experts-consultation{padding-left: 15px;} /* hack */
	.experts.de .experts-consultation{padding-left: 15px;} /* hack */
	
		.experts .experts-stars{
			font-size: 13px;
			font-weight: 500;
			color: #333333;
		}
	
		.experts .experts-calls{
			font-size: 13px;
			color: #999999;
		}
			.experts .experts-calls span{
				font-weight: 500;
				color: #333333;
			}
		
		.experts .experts-stars div{
			position: relative;
			margin-left: 5px;
		}
		.experts .experts-stars .semi{
			position: absolute;
			right: 0;
			width: 8px;
			background-position-x: -8px;
		}
		.experts .experts-stars .alpha{
			opacity: 0.3;
		}

/* Status */
.experts-status{
	margin-top: 20px;
}
	.status-wrapper{
		position: relative;
		cursor: default;
		
		height: 44px;
		padding-left: 40px;
		
		border: 2px solid #FFFFFF;
		margin-right: 10px;
		
		border-radius: 40px;
		
		-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	}
	.experts.ca .status-wrapper{margin-right: 3px;} /* hack */
	.experts.de .status-wrapper{margin-right: 3px;} /* hack */
	
	.status-wrapper.written{margin-right: 0;}
		.status-wrapper .status-icon{
			position: absolute;
			left: 8px;
			top: 8px;
			
			display: block;
			width: 24px;
			height: 24px;
			background: url("../gfx/common/template/icons_status.png?1") no-repeat 0 -216px;
		}
		.status-wrapper.chat .status-icon{background-position: 0 -240px;}
		.status-wrapper.written .status-icon{background-position: 0 -264px;}
	
	.status-wrapper{
		background: #3D8DB2; /* Old browsers */
		background: -moz-linear-gradient(top,  #6BB9DD 0%, #3D8DB2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BB9DD), color-stop(100%,#3D8DB2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* IE10+ */
		background: linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB9DD', endColorstr='#3D8DB2',GradientType=0 ); /* IE6-9 */
	}
	
	.status-wrapper.bientot{
		background: #9D9D9D; /* Old browsers */
		background: -moz-linear-gradient(top,  #CBCBCB 0%, #9D9D9D 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CBCBCB), color-stop(100%,#9D9D9D)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* IE10+ */
		background: linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CBCBCB', endColorstr='#9D9D9D',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.bientot .status-icon{background-position: -24px -144px;}
		.status-wrapper.chat.bientot .status-icon{background-position: -24px -168px;}
		.status-wrapper.written.bientot .status-icon{background-position: -24px -192px;}
			
	.status-wrapper.absent{
		background: #F93636; /* Old browsers */
		background: -moz-linear-gradient(top,  #F27676 0%, #F93636 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F27676), color-stop(100%,#F93636)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #F27676 0%,#F93636 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #F27676 0%,#F93636 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #F27676 0%,#F93636 100%); /* IE10+ */
		background: linear-gradient(top,  #F27676 0%,#F93636 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F27676', endColorstr='#F93636',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.absent .status-icon{background-position: -24px -72px;}
		
	.status-wrapper.occupe{
		background: #FA8D36; /* Old browsers */
		background: -moz-linear-gradient(top,  #FBC150 0%, #FA8D36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBC150), color-stop(100%,#FA8D36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* IE10+ */
		background: linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBC150', endColorstr='#FA8D36',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.occupe .status-icon{background-position: -24px 0;}
		.status-wrapper.chat.occupe .status-icon{background-position: -24px -24px;}
		.status-wrapper.written.occupe .status-icon{background-position: -24px -48px;}
			
	.status-wrapper.present{
		background: #83B938; /* Old browsers */
		background: -moz-linear-gradient(top,  #B2DE75 0%, #83B938 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2DE75), color-stop(100%,#83B938)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* IE10+ */
		background: linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2DE75', endColorstr='#83B938',GradientType=0 ); /* IE6-9 */
		
		cursor: pointer;
	}
		.status-wrapper.present .status-icon{background-position: 0 -72px;}
		.status-wrapper.phone-surtax.present .status-icon{background-position: 0 -96px;}
		.status-wrapper.phone-cb.present .status-icon{background-position: 0 -120px;}
		.status-wrapper.phone-mobile.present .status-icon{background-position: 0 -192px;}
		.status-wrapper.chat.present .status-icon{background-position: 0 -144px;}
		.status-wrapper.written.present .status-icon{background-position: 0 -168px;}
		
	.status-wrapper.present.hover,
	.status-wrapper.present:hover{
		background: #C2DD9E; /* Old browsers */
		background: -moz-linear-gradient(top,  #D8EEBA 0%, #C2DD9E 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8EEBA), color-stop(100%,#C2DD9E)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* IE10+ */
		background: linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8EEBA', endColorstr='#C2DD9E',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.present.hover .status-icon{background-position: 0 -72px;}
		.status-wrapper.phone-mobile.present.hover .status-icon{background-position: 0 -192px;}
		.status-wrapper.chat.present.hover .status-icon{background-position: 0 -144px;}
		.status-wrapper.written.present.hover .status-icon{background-position: 0 -168px;}
		
		.status-wrapper .status-display{
			padding: 6px 10px 0 0;
		}
			.status-wrapper .status{
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				color: #FFFFFF;
				text-shadow:
					rgba(0,0,0, 0.1) 1px 1px,
					rgba(0,0,0, 0.1) -1px 1px,
					rgba(0,0,0, 0.1) -1px -1px,
					rgba(0,0,0, 0.1) 1px -1px;
			}
			.status-wrapper .status-time,
			.status-wrapper .status-back,
			.status-wrapper .status-remaining{
				font-size: 11px;
				color: #FFFFFF;
			}
				.status-wrapper .status-time span,
				.status-wrapper .status-back span,
				.status-wrapper .status-remaining span{
					font-weight: bold;
					/*color: #333333;*/
				}
			.status-wrapper .status-remaining{
				padding-bottom: 10px;
			}
		
		.status-wrapper .status-swap{
			display: none;
			
			font-size: 11px;
			color: #333333;
			
			white-space: nowrap;
			
			padding: 6px 10px 0 0;
		}
		.status-wrapper.hover{
			border-radius: 4px;
		}
		.status-wrapper.hover .status-swap{
			display: block;
		}
			.status-wrapper .status-swap a{
				color: #333333;
				text-decoration: none;
			}
			.status-wrapper .status-swap a:hover{
				color: #4E7F1D;
			}


/* DETAIL DASHBOARD */
#expert-dashboard{
	/*position: relative;*/
	background-color: #F2F2F2;
	
	/*height: 200px;
	
	overflow: hidden;*/
}

	/*#expert-dashboard .db-blur{
		position: absolute;
		
		width: 730px;
		height: 220px;
		
		top: -10px;
		left: -10px;
		
		overflow: hidden;
		
		-webkit-filter: blur(1px);
		-moz-filter: blur(1px);
		-o-filter: blur(1px);
		-ms-filter: blur(1px);
		filter: blur(1px);
		
		z-index: 0;
	}*/
	
	#expert-dashboard .db-overblur{
		position: relative;
		height: 200px;
		
		overflow: hidden;
		
		z-index: 1;
		
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		
		background: rgba(0,0,0,0.15);
	}
	#expert-dashboard:hover .db-overblur{
		background: rgba(0,0,0,0.6);
	}
	
		#expert-dashboard .db-offline{
			cursor: default;
			position: absolute;
			
			right: -90px;
			top: -90px;
			
			width: 180px;
			height: 170px;
			
			padding-top: 125px;
			
			color: #FFFFFF;
			text-align: center;
			
			background-color: #FF4F4F;
			border: 2px solid #FFFFFF;
			
			-ms-transform: rotate(45deg); /* IE 9 */
		    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		    transform: rotate(45deg);
		    
		    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			
			text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
		}
			#expert-dashboard .db-offline .status{
				text-transform: uppercase;
				font-size: 14px;
				font-weight: 500;
				
				padding-bottom: 7px;
			}
			#expert-dashboard .db-offline .back{
				font-size: 10px;
				padding-bottom: 8px;
			}
			#expert-dashboard .db-offline .back span{
				font-weight: 500;
			}
		
		#expert-dashboard .db-avatar{
			/*margin: 40px 30px 0 70px;*/
			position: relative;
			margin: 30px 0 0 50px;
			
			width: 120px;
			height: 120px;
			
			border-radius: 100%;
			background-color: #E5E5E5;
			
			border: 2px solid #FFFFFF;
		}
			#expert-dashboard .db-avatar .ic_new{
				position: absolute;
				left: -10px;
				top: -10px;
			}
			#expert-dashboard .db-avatar .fav-index{
				margin-top: -6px;
			}
			#expert-dashboard .db-country{
				position: absolute;
				left: 40px;
				bottom: -20px;
			}
		
		#expert-dashboard .db-wrapper{
			
		}
		
		#expert-dashboard .db-details{
			margin-top: 40px;
			margin-right: 30px;
			min-width: 200px;
			max-width: 200px;
		}
			#expert-dashboard .db-pseudo{
				/*margin-right: 30px;*/
				margin-bottom: 20px;
				font-size: 24px;
				color: #FFFFFF;
			}
			#expert-dashboard .db-details .title{
				font-size: 10px;
				font-weight: 500;
				
				text-transform: uppercase;
				color: #F8F8F8;
			}
			#expert-dashboard .db-details .value{
				font-size: 30px;
				line-height: 30px;
				color: #F8F8F8;
				
				text-transform: uppercase;
			}
		
			#expert-dashboard .db-status{
				margin-top: 30px;
			}
				.db-status .status-wrapper{
					border-radius: 4px;
					cursor: default;
				}
				
				.db-status .status-wrapper.present .status-display{
					padding-top: 13px;
				}
		
		#expert-dashboard .db-stats{
			min-width: 200px;
			margin-top: 40px;
			margin-right: 40px;
		}
			.db-stats .wrap{
				margin-left: 10px;
				margin-bottom: 20px;
			}
				.db-stats .value{
					font-size: 20px;
					font-weight: 500;
					color: #F8F8F8;
					line-height: 16px;
				}
				.db-stats .title{
					font-size: 10px;
					font-weight: 500;
					color: #F8F8F8;
					text-transform: uppercase;
				}
		
	#expert-options{
		height: 50px;
		padding: 0 10px;
		background-color: #F2F2F2;
		
		/*border-bottom: 1px solid #E5E5E5;
		/*border-left: 1px solid #E5E5E5;*/
	}
	
		/*#expert-socials{
			padding-top: 8px;
		}*/
	
		#expert-options .db-menu{
			margin-top: 5px;
		}
			.db-menu .menu-items{
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				padding: 0;
				
				width: 35px;
				min-height: 39px;
				
				overflow: hidden;
				white-space: nowrap;
				
				/* transition */
				-webkit-transition: all 500ms ease;
				-moz-transition: all 500ms ease;
				-ms-transition: all 500ms ease;
				-o-transition: all 500ms ease;
				transition: all 500ms ease;
			}
			.db-menu .menu-items.hover{
				background-color: #E5E5E5;
				width: 200px;
			}
			.db-menu .menu-items.db-competences.hover{
				background-color: #E5E5E5;
				width: 360px;
			}
			.db-menu .menu-items.noswap{width: auto;}
				
				.db-menu .menu-items .icons16{
					margin: 10px;
				}
				.db-menu .menu-items .wrap{
					padding-top: 6px;
					
					font-weight: 500;
					font-size: 11px;
					color: #333333;
				}
					.db-menu .menu-items .wrap a{
						color: #333333;
						text-decoration: none;
					}
					.db-menu .menu-items .wrap span{
						color: #37B2DA;
					}
				.db-menu .menu-items.db-competences .wrap{
					padding-top: 13px;
				}
			
			.db-audio.menu-items.active .icons16{
				background-position: 0 -192px;
			}
			
			.db-languages.menu-items .wrap{
				line-height: 16px;
				padding-top: 3px;
			}
/*[END]*/

/* DETAIL COMMUNICATIONS */
#expert-status{
}
	#communications{
		padding: 20px 0;
		
		background-color: #EFFCFF;
	}
	
		#communications .communications{
			cursor: default;
			
			width: 215px;
			margin-left: 10px;
			padding: 5px;
			
			font-size: 12px;
			overflow: hidden;
			
			/* transition */
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		
			#communications .communications .default{
				position: relative;
				
				padding: 5px 40px 5px 70px;
				
				white-space: nowrap;
				
				font-size: 13px;
				color: #333333;
				text-transform: uppercase;
			}
				#communications .communications .icon{
					height: 58px;
					width: 58px;
					
					border-radius: 100%;
					border: 2px solid #FFFFFF;
					
					-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					
					background-color: #71D6EB;
				}
					#communications .communications .icon span{
						margin: 9px;
					}
				
				#communications .communications.present .icon{background-color:#C2E362;}
				#communications .communications.occupe .icon{background-color:#FF9F34;}
				#communications .communications.bientot .icon{background-color:#999999;}
				#communications .communications.absent .icon{background-color:#FF4F4F;}
				
				#communications .communications .default span{
					color: #37B2DA;
					font-weight: 500;
				}
					#communications .communications .default .icons16{
						position: absolute;
						
						bottom: 0;
						right: 0;
						
						opacity: 0.5;
					}
			
			#communications .communications .swap{
				display: none;
				
				padding: 0 40px 0 70px;
				
				white-space: nowrap;
			}
			#communications .communications.chat .swap{
				padding-top: 13px;
			}
				#communications .communications .swap .title{
					color: #333333;
					font-weight: 500;
				}
				#communications .communications .swap .num{
					font-weight: 500;
					font-size: 14px;
					color: #333333;
				}
				#communications .communications .swap p{
					margin: 0;
					margin-bottom: 5px;
				}
				
				#communications .communications .swap.alt a{
					color: #333333;
				}
				#communications .communications .swap.alt a strong{
					color: #37B2DA;
				}
			
	/* reduced & hover */
	#communications .communications.reduced{width: 68px;}
	#communications .communications.reduced .default{display: none;}
	
	#communications .communications.hover .default{display: none;}
	#communications .communications.hover .swap{display: block;}
	
	/* height hack */
	#communications .communications.phone.hover{
		width: 330px;
	}
	
	/* online */
	#communications .communications-online{
		cursor: default;
		
		width: 215px;
		margin: 5px 5px 5px 15px;
		
		border-radius: 40px;
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
		box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
		
		background-color:#FF9F34;
	}
		#communications .communications-online .icon{
			height: 54px;
			width: 54px;
			
			padding-top: 10px;
			padding-left: 10px;
		}
		#communications .communications-online .icon.centered{
			padding-top: 17px;
		}
		
		#communications .communications-online .display{
			padding: 13px 0px 0 10px;
		}
			#communications .communications-online .display .status{
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				color: #FFFFFF;
				text-shadow:
					rgba(0,0,0, 0.1) 1px 1px,
					rgba(0,0,0, 0.1) -1px 1px,
					rgba(0,0,0, 0.1) -1px -1px,
					rgba(0,0,0, 0.1) 1px -1px;
			}
			#communications .communications-online .display .status-time,
			#communications .communications-online .display .status-back,
			#communications .communications-online .display .status-remaining{
				font-size: 11px;
				color: #FFFFFF;
			}
				#communications .communications-online .display .status-time span,
				#communications .communications-online .display .status-back span,
				#communications .communications-online .display .status-remaining span{
					font-weight: bold;
				}
			#communications .communications-online .display .status-remaining{
				padding-top: 3px;
				padding-bottom: 10px;
			}
		
/*[END]*/

/* VISITORS */
#expert-visitors{
	position: fixed;
	z-index:2;
	
	opacity: 0;
	
	top: 6em;
	right: 3em;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	
	background-color: rgba(0, 0, 0, 0.7);
	
	color: #FFFFFF;
	width: 200px;
	padding-left: 60px;
	
	background-image: url("../gfx/common/template/visitors.png?1");
	background-position: 5px 7px;
	background-repeat: no-repeat;
}

/* PROPOSALS */
#proposals{
	float: right;
	
	padding: 10px;
	
	background-color: #F8F8F8;
	
	border-radius: 5px;
	
	margin-left: 40px;
	margin-bottom: 40px;
}
	#proposals .title{
		text-align: center;
		
		font-size: 10px;
		color: #666666;
		
		text-transform: uppercase;
		
		margin-bottom: 5px;
	}
		#proposals .title span{
			font-size: 14px;
			font-weight: 500;
		}
		
		#proposals .proposals{
			padding: 5px;
		}
		
			#proposals .proposals .avatar a{
				display: block;
				margin: auto;
				
				box-sizing: content-box;
				
				width: 48px;
				height: 48px;
				
				border: 2px solid #CCCCCC;
				background-color: #E5E5E5;
				
				border-radius: 100%;
			}
			
				#proposals .proposals.present .avatar a{border-color: #AACF3C;}
				#proposals .proposals.occupe .avatar a{border-color: #FF8905;}
				#proposals .proposals.bientot .avatar a{border-color: #666666;}
				#proposals .proposals.absent .avatar a{border-color: #EB0000;}
/*[END]*/

/* EXPERT */
#expert-detail .quote{
	color: #333333;
	font-family: "Kalam", cursive;
}

/* EXPERT PLANNING */

#expert-planning .menu{
	border-bottom: 2px solid #666;
}
	#expert-planning .menu .items{
		padding: 13px 25px 12px 25px;
		margin-right: 2px;
		
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		
		color: #666;
		
		cursor: pointer;
		
		background: #f8f8f8;

	}
	#expert-planning .menu .items:hover{
		background: #E5E5E5;
	}
	#expert-planning .menu .items.active{
		background: #666666;

		color: #FFFFFF;
		font-weight: 500;
	}

.plannings{
}
.plannings .wrapper{
	position: relative;
	
	background: #F8F8F8;
	padding: 5px 0 5px 5px;
	
	border-radius: 2px;
}

	.plannings .no-planning{
		position: absolute;
		
		margin-top: 80px;
		margin-left: 100px;
		margin-right: 100px;
		
		padding: 20px;
		border-radius: 5px;
		
		font-size: 20px;
		font-weight: bold;
		color: #35A1D8;
		
		background-color: rgba(255, 255, 255, 0.8);
		
		z-index: 1;
	}
	.plannings .wrapper:hover .no-planning{
		display:none;
	}
	
	.plannings .hours{
		/*padding-left: 70px;*/
		margin-bottom: 5px;
	}
		.plannings .hour{
			width: 24px;
		
			padding: 5px 0;
			margin: 0px;
			margin-right: 1px;
			
			font-size: 10px;
			color: #000000;
			text-align: center;
			
			background-color: #D8D8D8;
			border-radius: 2px;
		}
	
	.plannings .days{
		position: relative;
		
		overflow: hidden;
		
		margin-bottom: 5px;
	}
		.plannings .day{
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			
			width: 150px;
			height: 25px;
		
			padding-top: 5px;
			padding-left: 10px;
			
			background-color: rgba(255, 255, 255, 0.5);
			
			color: #333333;
			font-size: 12px;
			font-weight: 500;
			
			/* transition */
			-webkit-transition: left 300ms ease;
			-moz-transition: left 300ms ease;
			-ms-transition: left 300ms ease;
			-o-transition: left 300ms ease;
			transition: left 300ms ease;
		}
		.plannings .days:hover .day{
			left: -150px;
		}
			.plannings .day span{
				color: #666666;
			}
			
			.plannings .sectors{
				cursor: default;
				float: left;
				
				width: 22px;
				margin-right: 2px;
				margin-left: 1px;
				
				/*border: 1px solid #E5E5E5;*/
			}
				.plannings .sector{
					width: 50%;
					height: 25px;
					
					padding: 0px;
					margin: 0px;
					
					cursor: pointer;
					overflow: hidden;
					
					/*border: 1px solid #E5E5E5;*/
					background-color: #E5E5E5;
				}
				.plannings .sector.left{
					border-top-left-radius: 1px;
					border-bottom-left-radius: 1px;
				}
				.plannings .sector.right{
					border-top-right-radius: 1px;
					border-bottom-right-radius: 1px;
				}
				.plannings .sector:hover{
					opacity: 0.4;
				}
					.plannings .sector.current{
						background: #EA615B;
					}
					.plannings .sector.selected{
						background: #C2E362;
					}
					
					.plannings .sector.active{
						background: repeating-linear-gradient(
							45deg,
							#E5E5E5,
							#E5E5E5 5px,
							#F8F8F8 0px,
							#F8F8F8 8px
						);
					}
					.plannings .sector.active.selected{
						background: repeating-linear-gradient(
							45deg,
							#C2E362,
							#C2E362 5px,
							#d4f469 0px,
							#d4f469 8px
						);
					}
					.plannings .sector.active.current{
						background: repeating-linear-gradient(
							45deg,
							#EA615B,
							#EA615B 5px,
							#FFBABA 0px,
							#FFBABA 8px
						);
					}
			
			
	.plannings .legends{
		font-size: 11px;
		padding-top: 10px;
		padding-right: 7px;
	}
		.plannings .legend{
			padding: 6px 10px 15px 0px;
		}
		
		.plannings .legends .sector{
			border-radius: 1px;
			width: 22px;
		}
/*[END]*/

/* EXPERT LAST REVIEWS */
#expert-last-reviews .last_reviews{
	background: #F8F8F8;
	border-radius: 3px;
	
	padding: 15px 20px;
	margin: 0 5px 10px 5px;
	width: 190px;
}
	#expert-last-reviews .last_reviews .pseudo {
		color: #666666;
		font-size: 14px;
		color: #666666;
		
		padding-bottom: 10px;
	}
		#expert-last-reviews .last_reviews .pseudo span{
			color: #37B2DA;
			font-weight: 500;
		}
		#expert-last-reviews .last_reviews .pseudo a{
			color: #37B2DA;
		}
	#expert-last-reviews .last_reviews .message{
		text-align: justify;
		font-style: italic;
		font-weight: 200;
		font-size: 13px;
		
		min-height: 60px;
		padding-bottom: 10px;
	}
	
	#expert-last-reviews .last_reviews .reviews a{
		font-size: 11px;
		color: #333333;
	}
/*[END]*/

/* EXPERT REVIEWS */
/*#expert-reviews-list .table-head .col1{width:0px;}
#expert-reviews-list .table-head .col2{width:180px;}
#expert-reviews-list .table-head .col3{width:120px;}

#expert-reviews-list .table-body .col1{width:30px;}
#expert-reviews-list .table-body .col2{width:200px;}
#expert-reviews-list .table-body .col3{width:120px;}
#expert-reviews-list .table-body .col4{width:370px;}*/

	#expert-reviews-list .type{
		margin-right: 15px;
	}
	#expert-reviews-list .pseudo{
		font-weight: 500;
		color: #333333;
		margin-right: 15px;
	}
	
	#expert-reviews-list .message{
		text-align: justify;
		color: #333333;
	}
		#expert-reviews-list .title{
			padding-top: 10px;
			font-weight: 500;
			color: #37B2DA;
		}
		#expert-reviews-list .response{
			padding-top: 5px;
			color: #37B2DA;
		}
		
		#expert-reviews-list .stars{
			color: #999999;
			font-size: 11px;
			margin-right: 15px;
		}
		
		#expert-reviews-list .date{
			color: #999999;
			font-size: 11px;
			margin-top: 5px;
		}
		
		#expert-reviews-list .message{
			margin-top: 10px;
		}
			
			#expert-reviews-list .vote{
				padding: 15px 0 5px 0;
				color: #999;
			}
			/* creates triangle */
			#expert-reviews-list .votes{
				position:relative;
				padding:3px 4px 3px 5px;
				margin:1em 0 3em;
				
				font-size: 11px;
				color: #666;
				
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				
				margin-left:7px;
				background:#e5e5e5;
			}
			#expert-reviews-list .votes:after {
				content:"";
				position:absolute;
				border-style:solid;
				/* reduce the damage in FF3.0 */
				display:block;
				width:0;
				
				top:6px; /* controls vertical position */
				left:-3px; /* value = - border-left-width - border-right-width */
				bottom:auto;
				border-width:3px 4px 3px 0;
				border-color:transparent #e5e5e5;
			}
/*[END]*/

/* EXPERT REVIEW - CALL LIST */

#consultations-list .remove{
	display: block;
	cursor: pointer;
	
	width: 20px;
	height: 20px;
	padding: 3px 0 0 4px;
	
	background-color: #E5E5E5;
	border-radius: 40px;
}
#consultations-list .remove:hover{
	background-color: #FF4F4F;
}

#consultations-list .avatar{
}
	#consultations-list .avatar a{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#consultations-list .details{
	padding-top: 4px;
	margin-left: 40px;
}

	#consultations-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#consultations-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#consultations-list .detail{
		padding-top: 5px;
		font-weight: 500;
	}
		#consultations-list .detail span{
			color: #FF4F4F;
		}
	
	#consultations-list .tools{
		margin-top: -4px;
	}
		#consultations-list .favorite{
			padding: 4px 5px 3px 5px;
			border-radius: 3px;
			margin-left: 10px;
			cursor: pointer;
		}
		#consultations-list .favorite:hover{
			background-color: #E5E5E5;
		}
	
	#consultations-list .infos{
		max-width: 220px;
		padding-top: 14px;
	}
		#consultations-list .labels{
			width: 60px;
			padding-top: 1px;
			margin-bottom: 3px;
			color: #999;
			font-size: 11px;
		}
		#consultations-list .values{
			color: #333333;
			font-weight: bold;
		}

		#consultations-list .values.refused{
			color: #333333;
		}
		#consultations-list .values.timeout{
			color: #FF4F4F;
		}
		#consultations-list .values.sent{
			color: #37B2DA;
		}
		#consultations-list .values.answered{
			color: #ACCF20;
		}

/* Feedback in lists */	
#consultations-list .feedbacks{
	padding-top: 6px;
	margin-left: 50px;
}
	
	#consultations-list .feedbacks .title{
		font-size: 14px;
		font-weight: 500;
		color: #333333;
		
		padding-bottom: 10px;
	}
	
	#consultations-list .feedbacks .feedback,
	#consultations-list .feedbacks .answer{
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
	}
	#consultations-list .feedbacks .feedback{
		cursor: pointer;
	}
		
	#consultations-list .feedbacks .feedback.yes,
	#consultations-list .feedbacks .answer.yes{
		color: #ACCF20;
	}
	#consultations-list .feedbacks .feedback.no,
	#consultations-list .feedbacks .answer.no{
		color: #FF4F4F;
	}
		/* Hide spinner from loading feedback */
		.feedbacks .loader{display: none;}
	
/* Review in lists */
#consultations-list .review{
	margin-left: 50px;
	padding-top: 30px;
}
	#consultations-list .review .icon{
		margin-right: 7px;
	}
	
	#consultations-list .review .content{
		font-size: 12px;
		font-weight: 500;
		line-height: 12px;
		
		color: #37B2DA;
		text-transform: uppercase;
	}
	#consultations-list .review.answer .content{
		color: #ACCF20;
	}
		#consultations-list .review .content span{
			font-size: 10px;
			font-weight: 400;
		}
	
/*[END]*/

/* MESSAGES LIST */

#messages-list .remove{
	display: block;
	cursor: pointer;
	
	width: 20px;
	height: 20px;
	padding: 3px 0 0 4px;
	margin-left: 15px;
	
	background-color: #E5E5E5;
	border-radius: 40px;
}
#messages-list .remove:hover{
	background-color: #FF4F4F;
}

#messages-list .avatar{
	width: 17%;
}
	#messages-list .avatar a{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#messages-list .details{
	padding-top: 4px;
	width: 83%;
}

	#messages-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#messages-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#messages-list .status{
		font-weight: 500;
		color: #AAAAAA;
		text-transform: uppercase;
		margin-top: 2px;
	}
	#messages-list .status.view{
		color: #AACF3C;
	}
	
	#messages-list .message{
		padding-top: 15px;
		text-align: justify;
	}
		#messages-list .message .disabled{
			color: #FF4F4F;
			margin-top: 10px;
		}
	#messages-list .notice{
		padding-top: 15px;
		font-style: italic;
		font-size: 0.8em;
		color: #999999;
	}
	#messages-list .date{
		font-weight: 500;
		color: #333333;
		padding-bottom: 5px;
	}

/*[END]*/

/* ALERTS FORM */
#form-alert{}
	
	#form-alert .columns{
		float: left;
		box-sizing: border-box;
		width: 255px;
		background-color: #EFFCFF;
		
		margin-right: 10px;
		
		border-radius: 3px;
	}
		#form-alert .title{
			background-color: #37B2DA;
			padding: 10px 20px;

			color: #FFFFFF;
		    font-size: 20px;
		    
		    border-top-left-radius: 3px;
		    border-top-right-radius: 3px;
		}
			#form-alert .title .icons24{
				margin-right: 10px;
			}
		#form-alert .row{
			margin: 0;
			padding: 10px;
			min-height: 175px;
			border-bottom: 1px solid #FFFFFF;
			text-align: justify;
		}
			#form-alert .label{
				font-weight: 500;
			}
		#form-alert .rows{
			margin: 20px 20px 0 20px;
		}
		
		#form-alert .columns.noborder{
			margin-right: 0px;
		}

/* ALERTS LIST */
#alerts-search{
	text-align: right;
	vertical-align: middle;
	
	padding: 30px 60px 30px 60px;
	background-color: #F8F8F8;
}
	#alerts-search .input-search{
		width: 255px;
		height: 28px;
		
		margin: 0;
		padding: 5px 55px 5px 10px;
		
		font-size: 12px;
	}
	#alerts-search .input-button{
		right: 0;
		top: 0;
		
		padding: 5px 15px 2px 15px;
		
		background-color: #6F6F6F;
		border-color: #4A4A4A;
	}

#alerts-list .avatar{
}
	#alerts-list .avatar a{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#alerts-list .details{
	padding-top: 4px;
	margin-left: 40px;
	width: 200px;
}

	#alerts-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#alerts-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#alerts-list .detail{
		padding-top: 5px;
		font-weight: 500;
	}
	
	#alerts-list .infos{
		padding-top: 14px;
		margin-bottom: 5px;
	}
		#alerts-list .labels{
			width: 80px;
			padding-top: 1px;
			margin-bottom: 3px;
			color: #999;
			font-size: 11px;
		}
		#alerts-list .values{
			color: #333333;
			font-weight: 500;
			font-size: 12px;
		}

#alerts-list .frequency{
	padding-top: 18px;
	margin-left: 50px;
}
	#alerts-list .frequency .selection{
		padding: 20px 20px 0 10px;
		color: #333333;
		font-weight: 500;
	}

#alerts-list .tools{
	padding-top: 10px;
	margin-left: 50px;
}
	#alerts-list .tools .tool{
		cursor: pointer;
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		
		margin-bottom: 6px;
		padding: 10px;
		
		border-radius: 3px;
		border-width: 1px;
		border-style: solid;
	}
	#alerts-list .tools .delete{
		color: #FF4F4F;
		
		border-color: #FF4F4F;
	}
	#alerts-list .tools .delete:hover{
		background-color: #ffe6e6;
	}
	#alerts-list .tools .refresh{
		color: #37B2DA;
		
		border-color: #37B2DA;
	}
	#alerts-list .tools .refresh:hover{
		background-color: #d4f4ff;
	}

/*[END]*/


/* DETAIL NAV */
.expert-nav{
	position: fixed;
	top: 150px;
	
	background: rgba(0,0,0,0.30);
	border-radius: 3px;
	
	/* transition */
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	
	text-transform: uppercase;
	z-index: 3;
}
.expert-nav:hover{
	background: rgba(0,0,0,0.85);
}
#expert-prev.expert-nav{
	left: 20px;
}
#expert-next.expert-nav{
	right: 20px;
}
	
	.expert-nav .icon{
		margin: 10px;
	}
	.expert-nav .pseudo{
		font-size: 11px;
		color: #FFFFFF;
		
		margin: 12px 10px 0 0;
		
		display: none;
	}
		.expert-nav .pseudo span{
			font-size: 13px;
			color: #37B2DA;
			font-weight: 500;
		}
	.expert-nav:hover .pseudo{
		display: block;
	}

	#expert-prev .icon{
		float: left;
	}
	#expert-prev .pseudo{
		float: left;
		color: #FFFFFF;
	}
	#expert-next .icon{
		float: right;
	}
	#expert-next .pseudo{
		float: right;
		margin: 12px 0 0 10px;
		color: #FFFFFF;
	}

/* DETAIL MENU */
#expert-menu{
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	
	border-bottom: 1px solid #FFFFFF;
}
	#expert-menu .items{
		display: block;
		
		width: 20%;
		height: 50px;
		
		font-size: 14px;
		color: #999999;
		
		padding: 8px 10px 0 10px;
		
		background-color: #F2F2F2;
		border: 1px solid #E5E5E5;
		border-left: none;
		
		vertical-align: middle;
		text-align: center
	}
	#expert-menu .items.line{
		padding-top: 16px;
	}
	#expert-menu .items.last{
		border-right: none;
	}
		#expert-menu .items a{
			color: #999999;
		}
		
	#expert-menu .items.active{
		background-color: #FFFFFF;
		
		font-size: 14px;
		font-weight: 500;
		color: #333333;
		
		border-bottom: none;
	}
		#expert-menu .items.active a{
			font-size: 13px;
			color: #333333;
		}
/*[END]*/

/* LAST REVIEWS / REGISTER LAST REVIEWS */
#reviews-list .avatar{
}
	/*#reviews-list .avatar a,*/
	#reviews-list .avatar span,
	#reviews-list .avatar a{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#reviews-list .details{
	width: 540px;
	margin-left: 40px;
	
	text-align: justify;
}
	#reviews-list .type{
		padding-top: 4px;
	}
	
	#reviews-list .pseudo{
		padding-top: 5px;
		font-weight: 500;
		margin-left: 15px
	}
		
	#reviews-list .from{
		margin-left: 15px;
		padding-top: 5px;
	}
		#reviews-list .from span{
			font-weight: 500;
			color: #333333;
		}
		
	#reviews-list .stars{
		padding-top: 3px;
		margin-left: 15px;
	}
	
	#reviews-list .average{
		padding-top: 4px;
	}
		#reviews-list .average span{
			font-weight: 500;
			color: #333333;
		}
	
	#reviews-list .message{
		padding-top: 20px;
		color: #333333;
	}
	
	#reviews-list .date{
		padding: 15px 0 5px 0;
		color: #999;
	}
		#reviews-list .date span{
			color: #333333;
		}
	
	#reviews-list .vote{
		padding: 15px 0 5px 0;
		color: #999;
	}
	/* creates triangle */
	#reviews-list .votes{
		position:relative;
		padding:3px 4px 3px 5px;
		margin:1em 0 3em;
		
		font-size: 11px;
		color: #666;
		
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
		
		margin-left:7px;
		background:#e5e5e5;
	}
	#reviews-list .votes:after {
		content:"";
		position:absolute;
		border-style:solid;
		/* reduce the damage in FF3.0 */
		display:block;
		width:0;
		
		top:6px; /* controls vertical position */
		left:-3px; /* value = - border-left-width - border-right-width */
		bottom:auto;
		border-width:3px 4px 3px 0;
		border-color:transparent #e5e5e5;
	}
	
/*[END]*/

/* MEMBER EXPERTS - FOLLOW UP */
#followup-search{
	text-align: right;
	vertical-align: middle;
	
	padding: 30px 60px 30px 60px;
	background-color: #F8F8F8;
}
	#followup-search .input-search{
		width: 255px;
		height: 28px;
		
		margin: 0;
		padding: 5px 55px 5px 10px;
		
		font-size: 12px;
	}
	#followup-search .input-button{
		right: 0;
		top: 0;
		
		padding: 5px 15px 2px 15px;
		
		background-color: #6F6F6F;
		border-color: #4A4A4A;
	}

#followup-list .avatar{
}
	#followup-list .avatar a{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#followup-list .details{
	padding-top: 4px;
	margin-left: 40px;
}

	#followup-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#followup-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#followup-list .status{
		position: relative;
		
		margin-top: 20px;
		
		text-transform: uppercase;
		color: #666666;
		
		font-size: 12px;
		font-weight: 700;
		line-height: 13px;
		
		padding-left: 30px;
		
		cursor: pointer;
	}
		#followup-list .status .icon{
			position: absolute;
			top: 0;
			left: 0;
			
			background-position: 0 -24px;
		}
		
		#followup-list .status.enabled{
			color: #37B2DA;
		}
		#followup-list .status.enabled .icon{background-position: 0 -96px;}
		
#followup-list .messages{
	padding-top: 44px;
	padding-right: 40px;
	
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	
	text-transform: uppercase;
}
	#followup-list .messages a.new{
		color: #AACF3C;
	}

/*[END]*/

/* RECALLS */
#recalls .table-head .col1{width: 150px;}
#recalls .table-head .col2{width: 150px;}

#recalls .table-body .col1{width: 150px;}
#recalls .table-body .col2{width: 150px;}
#recalls .table-body .col3{width: 350px;}
/*[END]*/

/* BREADCRUMB */
.breadcrumb{
	background-color: #FFF0B6;
	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
}
	.breadcrumb .steps{
		padding: 14px 20px 10px 20px;
		
		color: #FF8429;
		text-decoration: none;
		
		font-style: italic;
	}
	.breadcrumb .steps a{
		color: #333333;
		text-decoration: none;
	}
	.breadcrumb .steps.active{
		background-color: #FFF7D7;
		font-style: normal;
	}
	
		.breadcrumb .step_number{
			display: block;
			float: left;
			
			line-height: 1;
			
			width: 22px;
			height: 22px;
			
			font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
			font-size: 22px;
			
			text-align: center;
			text-transform: uppercase;
			
			margin-right: 5px;
		}
		.breadcrumb .steps.active .step_number{
			background-color: #333333;
			color: #F2F2F2;
			
			font-size: 20px;
			/*height: 21px;*/
			
			padding-top: 1px;
			
			border-radius: 40px;
		}
		
		.breadcrumb .step_title{
			display: block;
			float: left;
			
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			
			text-transform: uppercase;
			
			white-space: nowrap;
			
			line-height: 1.1;
		}
		.breadcrumb .steps.active .step_title{
			color: #333333;
			font-weight: bold;
		}

/* Horoscope breadcrumb hack */
#bcHoroscope.breadcrumb{
	background-color: #dbf6fd;
}
	#bcHoroscope.breadcrumb .steps{
		padding: 19px 20px 16px 20px;
	}
	#bcHoroscope .steps.active{
		background-color: #37B2DA;
	}

/* RECHARGE */

/* STEP 1 */
.services{
	cursor: pointer;
	width: 195px;
	height: 56px;
	
	padding: 10px 0 10px 5px;
	margin: 0 7px 10px 0;
	
	color: #FFFFFF;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);
	
	border:3px solid #FFFFFF;
	
	background-color:#FEBE23;
	background-image:-webkit-linear-gradient(top,#FEBE23,#FE8A08);
	background-image:-moz-linear-gradient(top,#FEBE23,#FE8A08);
	background-image:-ms-linear-gradient(top,#FEBE23,#FE8A08);
	background-image:-o-linear-gradient(top,#FEBE23,#FE8A08);
	background-image:linear-gradient(top,#FEBE23,#FE8A08);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FEBE23,EndColorStr=#FE8A08);
	}
.services:hover{
	background: #9D9D9D;
	background: -moz-linear-gradient(top,  #CBCBCB 0%, #9D9D9D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CBCBCB), color-stop(100%,#9D9D9D));
	background: -webkit-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%);
	background: -o-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%);
	background: -ms-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%);
	background: linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CBCBCB', endColorstr='#9D9D9D',GradientType=0 );
}
.services.active{
	background-color:#74DEF6;
	background-image:-webkit-linear-gradient(top,#74DEF6,#5ACBE6);
	background-image:-moz-linear-gradient(top,#74DEF6,#5ACBE6);
	background-image:-ms-linear-gradient(top,#74DEF6,#5ACBE6);
	background-image:-o-linear-gradient(top,#74DEF6,#5ACBE6);
	background-image:linear-gradient(top,#74DEF6,#5ACBE6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#74DEF6,EndColorStr=#5ACBE6);
}
		
		.services .services-infos{display: block;}
		.services .services-swap{display: none;}
		.services.hover .services-infos{display: none;}
		.services.hover .services-swap{display: block;}
		
			.services .services-minutes,
			.services .services-unit-price{
				font-size: 28px;
				font-weight: bold;
				padding-right: 6px;
				padding-left: 3px;
				
				text-shadow: 1px 1px 1px #333;
				line-height: 1;
			}
			.services .services-description{
				font-weight: bold;
				font-size: 13px;
				
				text-shadow: 1px 1px 1px #333;
			}
			.services .services-total-price{
				color: #444;
				font-weight: bold;
				font-size: 12px;
			}
				.services .services-total-price del{
					color: #F93636;
					font-size: 11px;
				}
			
			.services .services-swap{
				margin-bottom: 1px;
			}
				.services .services-swap .services-unit-price{
					font-size: 22px;
				}
				.services .services-swap .services-description{
				}
					.services .services-swap del{
						color: #F93636;
					}
				.services .services-discount{
					font-size: 10px;
					text-shadow: 1px 1px 1px #333;
				}
				.services .services-discount span{
					font-size: 11px;
					font-weight: bold;
				}

/* STEP 4 */
/* GATEWAY */
#gateway{}

	#gateway .radio_select{
		float: left;
		
		background-color: #F2F2F2;
		text-align: center;
		
		margin-bottom: 7px;
		margin-right: 5px;
		margin-left: 5px;
		
		padding: 8px 0px;
		padding-bottom: 6px;
		
		width: 180px;
		
		cursor: pointer;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	#gateway .radio_select.active{
		background-color: #E8F7FD;
	}

/*[END]*/

/* REGISTER */
#register{
	font-size: 1.2em;
}
	#register .contents{
		font-size: 1.3em;
	}
	
	#register .table-head{
		padding: 20px 60px;
	}
		#register .table-head h2{
			margin-bottom: 10px;
		}
	#register .table-body .rows{
		padding: 20px 60px;
	}
	
	#register #reviews-list .details{
		width: 740px;
	}

/*[END]*/

/* REVIEWS */
#reviews{
}
	#reviews .table-head h2{
		margin-bottom: 10px;
	}

/*[END]*/

/* TRANSACTIONS */
#transactions .table-head .col1{width: 90px;}
#transactions .table-head .col2{width: 90px;}
#transactions .table-head .col3{width: 110px;}
#transactions .table-head .col4{width: 130px;}
#transactions .table-head .col5{width: 110px;}

#transactions .table-body .col1{width: 90px;}
#transactions .table-body .col2{width: 90px;}
#transactions .table-body .col3{width: 110px;}
#transactions .table-body .col4{width: 130px;}
#transactions .table-body .col5{width: 110px;}
/*[END]*/

/* ARTICLES */
#articles-list .rows{
	padding: 30px 50px;
	background-color: #EFFCFF;
}
#articles-list .rows.even{
	background-color: #FFFFFF;
}
	#articles-list .title{
		font-weight: 500;
		font-size: 1.25em;
		
		color: #333333;
		padding-bottom: 15px;
	}
		#articles-list .title a{
			color: #333333;
		}
		#articles-list .title a:hover{
			color: #666666;
		}
	#articles-list .content{
		text-align: justify;
		color: #666666;
	}
		#articles-list .content a{
			color: #666666;
		}
		#articles-list .content a:hover{
			color: #999999;
		}

/* HOROSCOPE */
#horoscope .signs{
	float: left;
	margin-left: 15px;
	margin-bottom: 20px;
}
#horoscope .signs a{
	display: block;
	width: 84px;
	height: 95px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#horoscope .signs a:hover{
	background-position: -84px 0;
}
	.signs #sign-0{background-image: url("../gfx/common/horoscope/sign_belier.jpg");}
	.signs #sign-1{background-image: url("../gfx/common/horoscope/sign_taureau.jpg");}
	.signs #sign-2{background-image: url("../gfx/common/horoscope/sign_gemeaux.jpg");}
	.signs #sign-3{background-image: url("../gfx/common/horoscope/sign_cancer.jpg");}
	.signs #sign-4{background-image: url("../gfx/common/horoscope/sign_lion.jpg");}
	.signs #sign-5{background-image: url("../gfx/common/horoscope/sign_vierge.jpg");}
	.signs #sign-6{background-image: url("../gfx/common/horoscope/sign_balance.jpg");}
	.signs #sign-7{background-image: url("../gfx/common/horoscope/sign_scorpion.jpg");}
	.signs #sign-8{background-image: url("../gfx/common/horoscope/sign_sagittaire.jpg");}
	.signs #sign-9{background-image: url("../gfx/common/horoscope/sign_capricorne.jpg");}
	.signs #sign-10{background-image: url("../gfx/common/horoscope/sign_verseau.jpg");}
	.signs #sign-11{background-image: url("../gfx/common/horoscope/sign_poissons.jpg");}

/* HOROSCOPE DETAIL */
#horoscope-detail{
	
}
	#horoscope-detail h2 span{
		color: #37B2DA;
	}
	
	#horoscope-detail .image{
		margin-right: 20px;
	}
	#horoscope-detail .wink .title,
	#horoscope-detail .lucky .title{
		font-size: 14px;
		color: #333333;
		
		margin: 10px 0 10px 0;
	}
	#horoscope-detail .wink .content{
		text-align: justify;
	}
	#horoscope-detail .lucky .content{
		font-size: 22px;
		font-weight: 500;
		color: #6FBE00;
		
		text-align: center;
	}
	
	#horoscope-detail .rows .icon{
		width: 40px;
		height: 40px;
		
		background-color: #FFFFFF;
		
		border-radius: 100%;
		
		margin: 8px 20px;
	}
		#horoscope-detail .rows.amour .icon{
			background-image: url("../gfx/common/horoscope/icon_amour.jpg");
		}
		#horoscope-detail .rows.argent .icon{
			background-image: url("../gfx/common/horoscope/icon_argent.jpg");
		}
		#horoscope-detail .rows.sante .icon{
			background-image: url("../gfx/common/horoscope/icon_sante.jpg");
		}
		#horoscope-detail .rows.travail .icon{
			background-image: url("../gfx/common/horoscope/icon_travail.jpg");
		}
		#horoscope-detail .rows.famille .icon{
			background-image: url("../gfx/common/horoscope/icon_famille.jpg");
		}
		#horoscope-detail .rows.vie_sociale .icon{
			background-image: url("../gfx/common/horoscope/icon_vie_sociale.jpg");
		}
		#horoscope-detail .rows.citation .icon{
			background-image: url("../gfx/common/horoscope/icon_citation.jpg");
		}
	
	#horoscope-detail .rows .title{
		font-size: 14px;
		color: #333333;
		
		padding-bottom: 10px;
	}
		#horoscope-detail .rows .title span{
			color: #6FBE00;
			padding-right: 10px;
		}
	#horoscope-detail .rows .content{
		text-align: justify;
	}
/*[END]*/

/* PRICES LIST */
#services{
	width: 100%;
}
	#services td{
		background-color: #F8F8F8;
		
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		
		color: #666666;
		padding: 15px 20px;
		
		width: 25%;
	}
	#services .even td{background-color: #EFFCFF;}
	#services tr:hover td{
		cursor: pointer;
		background-color: #F2FFD2;
	}
	#services tr:hover td.services_price_total{
		background-color: #E4FFA1;
		color: #333333;
	}
		#services td.services_name{
			font-size: 20px;
		}
		
		#services td.services_price_total{
			font-size: 22px;
			
			background-color: #EFEFEF;
			color: #333333;
			
			line-height: 1;
		}
		#services .even td.services_price_total{
			background-color: #DBF8FF;
			color: #37B2DA;
		}
			#services td.services_price_total del{
				color: #F93636;
				font-size: 0.8em;
			}
			#services td.services_price_total .currency{
				font-size: 16px;
			}
			
		#services td.services_price_minute{
			font-size: 16px;
		}
			#services td.services_price_minute del{
				color: #F93636;
				font-size: 0.8em;
			}
			#services td.services_price_minute .currency{
				font-size: 12px;
			}
			
		#services td.services_economy .services_economy_value{
			font-size: 16px;
			color: #AACF3C;
		}
			#services td.services_economy .currency{
				font-size: 12px;
			}

/* PROGRESS BAR */
.progress-wrapper{
	padding-right: 40px;
}
	.progress-index-wrapper{
		position: relative;
		height: 28px;
	}
		.progress-index{
			position: absolute;
			height: 26px;
			width: 40px;
			padding-top: 4px;
			/*left: 50%;*/
			text-align: center;
			font-size: 12px;
			font-weight: bold;
			background: url("../gfx/common/template/progress_index.gif") no-repeat top left;
		}
	.progress-bar-wrapper{
		position: relative;
		height: 30px;
	}
		.progress-bar-back{
			position: absolute;
			height: 16px;
			width: 100%;
			border: 1px solid #CCCCCC;
			background: url("../gfx/common/template/progress_background.gif") repeat-x top left;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.progress-bar-fore{
			position: absolute;
			height: 16px;
			/*width: 50%;*/
			border: 1px solid #80C918;
			background: url("../gfx/common/template/progress_foreground.gif") repeat-x top left;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.violet .progress-bar-fore{
			background-image: url("../gfx/common/template/progress_foreground_violet.gif");
			border-color: #AB35A4;
		}
/*[END]*/

/* FOOTER */
footer{
	background: #4F8AC7;
	padding-bottom: 10px;
}
	footer .container{
		margin: auto;
		width: 980px;
		
		padding: 10px;
		
		-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
	}
		footer .columns{
			width: 232px;
			height: 380px;
			
			padding: 15px 20px 15px 20px;
			
			margin-right: 10px;
			background-color: rgba(255, 255, 255, 0.1);
			color: #000000;
		}
		footer .columns.last{
			margin-right: 0;
		}
		footer .columns a{color: #E4E4E4;}
			footer p{
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				text-align: justify;
				padding-bottom: 15px;
			}
			footer span.title{
				margin: 0px;
				padding: 0px;
				padding-bottom: 10px;
				
				font-size: 16px;
				font-weight: 500;
				
				color: #FFFFFF;
				text-transform: uppercase;
			}
#copyright{
	margin: auto;
	color: #333333;
	padding: 10px 0px 20px 0px;
	text-align: center;
	background-color: #4F8AC7;
}
	#copyright span{padding-right: 10px;}
	#copyright .flags img{
		vertical-align: top;
		padding-right: 5px;
	}
	#cards{
		padding-top: 5px;
	}
	#mobile{
		padding-top: 5px;
		text-align: center;
	}
/*[END]*/

/* MODAL FORMS */
#modal-form{
	width: 100%;
	padding: 10px;
	position: relative;
}

#modal-form.blank{
	border: none;
	background: none;
	padding: 0;
}
	
	#modal-form .contents{
		padding: 15px;
		background-color: #F2F2F2;
		border-radius: 5px; 
	}

/*** MODAL WRITTEN CONSULTATION ***/
/*** LIVE CHAT CONSULTATION ***/
#written-detail,
#live-chat-detail{
	text-align: justify;
}
	#written-detail .avatar,
	#live-chat-detail .avatar{
		margin: 0 10px 10px 0;
	}
		#written-detail .avatar span,
		#live-chat-detail .avatar span{
			display: block;
		
			box-sizing: content-box;
			
			width: 76px;
			height: 90px;
			
			border-radius: 40px;
			background-color: #E5E5E5;
			
			border: 2px solid #FFFFFF;
			
			-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		}

/*** MODAL REVIEW DETAIL ***/
#review-detail{}
	#review-detail .content{
		color: #333333;
		text-align: justify;
		padding: 10px 10px 20px 10px;
	}
	#review-detail .answer{
		padding: 20px 10px 10px 10px;
		border-top: 1px dashed #E5E5E5;
	}
	#review-detail .answer .title{
		color: #333333;
		font-weight: 500;
		margin-bottom: 10px;
	}
	#review-detail .answer .content{
		color: #666666;
	}
	
/*** MODAL LIVE CHAT ***/
#live-chat-view .files span{
	padding: 5px;
}
	
#live-chat-view .messages{
	padding: 4px 0;
}
	#live-chat-view .pseudo{
		font-weight: 500;
	}
	#live-chat-view .pseudo.red{
		color: #FF4F4F;
	}
	#live-chat-view .pseudo.blue{
		color: #37B2DA;
	}
	
/*** MODAL WRITTEN ***/
#written-view{
	max-height: 420px;
	overflow: auto;
}
	#written-view .header{
		padding: 10px 20px;
		background-color: #F2F2F2;
	}
	#written-view.sent .header{
		background-color: #DDF6FF;
	}
	#written-view.answered .header{
		background-color: #E9FFD8;
	}
	#written-view.refused .header{
		background-color: #F2F2F2;
	}
	#written-view.timeout .header{
		background-color: #FFE6E0;
	}
		#written-view .header span{
			color: #333333;
			font-weight: 500;
		}
	
		#written-view .date{font-size:14px;}
		#written-view .member{
			font-size: 12px;
			padding-top: 7px;
		}
		#written-view .status{
			font-size: 12px;
			padding-top: 7px;
			padding-left: 20px;
		}
			#written-view .status span.tips,
			#written-view .status span.tips-refusal{
				cursor: default;
				border-bottom: 1px dashed #666666;
			}
	#written-view .content{
		padding: 10px 20px;
		background-color: #F8F8F8;
	}
		#written-view .menu img{
			vertical-align: middle;
		}
		
		#written-view .files{
			padding: 5px 5px;
			background-color: #FFFFFF;
		}
			#written-view .files img{
				vertical-align: middle;
			}
			
		#written-view .subject{
			padding-top: 5px;
			font-weight: bold;
		}
		#written-view .message{
			padding-top: 7px;
			text-align: justify;
			line-height: 1.5em;
		}
		#written-view .response{
			margin-top: 20px;
			padding: 10px;
			background-color: #FFFFFF;
		}
			#written-view .response-date{
				font-size: 14px;
			}
				#written-view .response-date span{
					font-weight: bold;
				}
			#written-view .response-message{
				padding-top: 10px;
				text-align: justify;
				line-height: 1.5em;
			}

/*[END]*/

/*** UPLOAD SYSTEM ***/
.upload-image{
	margin: 10px 20px 0 10px;
	
	border: 1px solid #c7d0d2;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	
	cursor: pointer;
}
.upload-spinner{
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url("../gfx/common/template/loading.gif");
	background-repeat: no-repeat;
}

/* COOKIES INFO */
#cookies{
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	width: 100%;
	margin: 0px;
	left: 0px;
	bottom: 0px;
	padding: 12px 0px;
	z-index: 10000;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
}
	#cookies-dismiss{
		border: 1px solid #FFFFFF;
		padding: 3px 9px;
		text-transform: uppercase;
		
		color: #FFFFFF;
		margin-left: 10px;
		text-decoration: none;
	}
	#cookies-dismiss:hover{
		background-color: rgba(0, 0, 0, 0.3);
	}
/*[END]*/

/* LOADING */
.loading {
	position: absolute;
	width: 100%;
	
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 2;
}
.loader {
	font-size: 20px;
	margin: 100px auto;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em #333333, 2em -2em 0 0em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 0 #333333;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #333333, 2em -2em 0 0.2em #333333, 3em 0 0 0 #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #333333, 2em -2em 0 0 #333333, 3em 0 0 0.2em #333333, 2em 2em 0 0 #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 0 #333333, 2em 2em 0 0.2em #333333, 0 3em 0 0em #333333, -2em 2em 0 -1em #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  50% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 0em #333333, 0 3em 0 0.2em #333333, -2em 2em 0 0 #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 0 #333333, -2em 2em 0 0.2em #333333, -3em 0 0 0 #333333, -2em -2em 0 -1em #333333;
  }
  75% {
    box-shadow: 0em -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0.2em #333333, -2em -2em 0 0 #333333;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0 #333333, -2em -2em 0 0.2em #333333;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em #333333, 2em -2em 0 0em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 0 #333333;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #333333, 2em -2em 0 0.2em #333333, 3em 0 0 0 #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #333333, 2em -2em 0 0 #333333, 3em 0 0 0.2em #333333, 2em 2em 0 0 #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 0 #333333, 2em 2em 0 0.2em #333333, 0 3em 0 0em #333333, -2em 2em 0 -1em #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  50% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 0em #333333, 0 3em 0 0.2em #333333, -2em 2em 0 0 #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 0 #333333, -2em 2em 0 0.2em #333333, -3em 0 0 0 #333333, -2em -2em 0 -1em #333333;
  }
  75% {
    box-shadow: 0em -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0.2em #333333, -2em -2em 0 0 #333333;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0 #333333, -2em -2em 0 0.2em #333333;
  }
}
/*[END]*/