#topBar{
	position: absolute;
	top: 0px;
	right: 0px;
	left: 11.25em;
	height: 2.813em;
	background-color: #fff;
	z-index: 400;
	border-bottom: 1px solid #e9f1f4;
	
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
.share #topBar{
	position: relative;
	height: 90px;
	left:0;	
	z-index: 400;
	background-color: #202E3B;
	-webkit-box-shadow: 0 6px 0 0 rgba(152, 152, 152, .18);
	box-shadow: 0 6px 0 0 rgba(152, 152, 152, .18);
}

#topBar.scrolled{
	border-bottom: 1px solid #e9f1f4;
	-webkit-box-shadow: 0px 6px 5px -4px rgba(59, 89, 99, .2);
	box-shadow: 0px 6px 5px -4px rgba(59, 89, 99, .2);
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
	
	#crumbs{
		position: absolute;
		/* left: 15px; */
		left: -50px;
		opacity: 0;
		top: 5px;
		/* right: 350px; */
		height: 40px;
		overflow: hidden;
		-webkit-transition: 1s ease;
		-moz-transition: 1s ease;
		-o-transition: 1s ease;
		transition: 1s ease;
		
	}
		#crumbs > div{
			height: 40px;
			position: absolute;
			right: 0;
			top: 0;
			min-width: 100%;
			text-align: left;
			white-space: nowrap;
		}
			#crumbs > div div{
				display: inline-block;
				/* background: rgba(255, 0, 0, 0.5); */
				padding-left: 18px;
			}
				#crumbs span{
					display: inline-block;
					height: 40px;
					vertical-align: middle;
					font: 300 20px/40px 'Open Sans', sans-serif;
					color: #244c59;
				}
				#crumbs span.bigArrow{
					padding: 0 10px 0 0;
					font: 300 38px/35px 'Open Sans', sans-serif;
					color: #a7dae2;
					color: #c8e7ed;
				}
				#crumbs span.arrow{
					padding: 0 5px;
					/* font-size: 14px; */
					color: #a7dae2;
				}
					#crumbs span a{
						/* font: 300 14px/40px 'Open Sans', sans-serif; */
						color: #01a4e0;
						text-decoration: none;
					}
					#crumbs span a:hover{
						text-decoration: underline;
					}
					
		.share #crumbs{
			position: absolute;
			left: 100px;
			top: 25px;
			/* right: 350px; */
			right: 350px;
			height: 35px;
			color: #333;
			overflow: hidden;
			
			-webkit-transition: 0s;
			-moz-transition: 0s;
			-o-transition: 0s;
			transition: 0s;
			opacity: 1;
		}
			.share #crumbs > div{
				height: 35px;
				position: absolute;
				right: 0;
				top: 0;
				left: 0;
				min-width: 100%;
				text-align: left;
				white-space: nowrap;
			}
			.share #crumbs > div div{
				display: inline-block;
				/* background: rgba(255, 0, 0, 0.5); */
			}
				.share #crumbs span{
					display: inline-block;
					height: 40px;
					vertical-align: middle;
					font: 300 18px/40px 'Open Sans', sans-serif;
					color: #244c59;
					color: #fff;
				}
				.share #crumbs span.bigArrow{
					padding: 0 10px 0 0;
					font: 300 38px/35px 'Open Sans', sans-serif;
					color: #a7dae2;
					color: #c8e7ed;
				}
				.share #crumbs span.arrow{
					padding: 0 5px;
					/* font-size: 14px; */
					color: #a7dae2;
				}
					.share #crumbs span a{
						/* font: 300 14px/40px 'Open Sans', sans-serif; */
						color: #01a4e0;
						color: #92B7C5;
						text-decoration: none;
					}
					.share #crumbs span a:hover{
						text-decoration: underline;
					}
	
	#user{
		height: 30px;
		position: absolute;
		top: 9px;
		/* min-width:130px; */
		right: 110px;
		padding: 0 10px;
		border-right: 1px solid #d0e1ea;
	}
	#user span:before{
		content: "";
		display: block;
		width: 25px;
		height: 18px;
		background: url(../images/icons.png) no-repeat -145px -303px;
		position: absolute;
		right: 5px;
		top: 4px;
	}
	.share #user{
		display: none;
		top: 29px;
		right: 120px;
		border-right: none;
	}
		#user span{
			display: block;
			position: relative;
			height: 28px;
			/* max-width: 300px;
			overflow: hidden; */
			padding: 0 38px 0 8px;
			background-color: #fff; /* transparent; */
			border: 1px solid transparent;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			
			font: 400 14px/27px 'Open Sans', sans-serif;
			text-decoration: none;
			text-align:center;
			white-space: nowrap;
			text-overflow: ellipsis;
			color: #318aa7;
			cursor: pointer;
			
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
		}
		#user span:hover{
			border: 1px solid #e6f0f5;
			color: #0da6d7;
		}
		.share #user span{
			color: #fff;
			background: none;
		}
		
		#user.open span{
			background-color: #fff;
			border: 1px solid #bed2d9;
			z-index: 11;
			-webkit-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
		}
		#user.open span:before{
			opacity: .9;
		}
		#user.open span:after{
			content: "";
			display: block;
			position: absolute;
			right: 0px;
			bottom: -1px;
			width: 100%;
			max-width: 206px;
			height: 1px;
			background-color: #fff;
			overflow: hidden;
		}
		.share #user.open span{
			color: #318aa7;
		}
		#user span:active,
		#user span:focus{
			border: 1px solid #d0e1ea;
		}
		
		.share #user span:hover {
			border: 1px solid rgba(230, 240, 245, 0.25);
		}
		.share #user span:active,
		.share #user span:focus{
			border: 1px solid rgba(230, 240, 245, 0.5);
		}
		
		#user ul{
			display: none;
			position: absolute;
			top: 29px;
			right: 10px;
			width: 200px;
			z-index: 10;
			border: 1px solid #bed2d9;
			-webkit-border-radius: 2px 0 2px 2px;
			border-radius: 2px 0 2px 2px;
			background-color: #fff;
			padding: 4px 3px;
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .1);
			box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .1);
		}
			#user ul li{
				display: block;
				padding: 4px 10px 4px 6px;
				cursor: default;
				vertical-align: middle;
				white-space: nowrap;
				font: 300 14px 'Open Sans',sans-serif;
				text-decoration: none;
				color: #273F47;
				cursor: pointer;
				border: 1px solid #fff;
			}
			#user ul li:hover{
				background-color: #dbeef8;
				border: 1px solid #b5e3fc;
			}
			#user ul li.disabled{
				color: #97afc2;
				cursor: default;
				border: 1px solid #fff;
				background: none;
			}
			#user ul li.separator{
				border: 1px solid #fff;
			}
			#user ul li.separator:hover{
				background: none;
			}
				#user ul li hr{
					border: 0 none;
					border-bottom: 1px solid #d1e5eb;
					border-bottom: 1px solid #e9f2f7;
					height: 0px;
					margin: 0;
				}
	
		#user ul li.account:before,
		#user ul li.allfiles:before,
		#user ul li.upgrade:before,
		#user ul li.download:before,
		#user ul li.help:before,
		#user ul li.about:before,
		#user ul li.logout:before{
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			vertical-align: middle;
			background: url(../images/icons.png) no-repeat -112px -340px;
			margin: 0 7px 2px 0;
			opacity: .8;
		}
		
		#user ul li.account:before{
			background-position: 0 -340px;
		}
		#user ul li.upgrade:before{
			background-position: -16px -340px;
		}
		#user ul li.download:before{
			background-position: -32px -340px;
		}
		#user ul li.help:before{
			background-position: -48px -340px;
		}
		#user ul li.about:before{
			background-position: -64px -340px;
		}
		#user ul li.logout:before{
			background-position: -80px -340px;
		}
		#user ul li.allfiles:before{
			background-position: -96px -340px;
		}
	
	#notifications{
		height: 30px;
		position: absolute;
		top: 9px;
		right: 50px;
		padding: 0 10px;
		border-right: 1px solid #d0e1ea;
	}
		#notifications .envelopeButton{
			display: block;
			position: relative;
			z-index: 11;
			background-color: #fff;
			width: 36px;
			height: 28px;
			border: 1px solid transparent;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			cursor: pointer;
			
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
		}
		#notifications .envelopeButton:after{
			content: "";
			display: block;
			width: 16px;
			height: 16px;
			background: url(../images/icons.png) no-repeat -112px -302px;
			position: absolute;
			left: 10px;
			top: 4px;
		}
		#notifications .envelopeButton:hover{
			border: 1px solid #e6f0f5;
		}
		#notifications.open .envelopeButton{
			-webkit-border-radius: 3px 3px 0px 0px;
			border-radius: 3px 3px 0px 0px;
			border: 1px solid #bed2d9;
			border-bottom-color: #fff;
		}
			#notifications .envelopeButton .count{
				display: block;
				width: 18px;
				height: 18px;
				position: absolute;
				top: -1px;
				right: -1px;
				-webkit-border-radius: 9px;
				border-radius: 9px;
				background-color: #f16526;
				font: 700 11px/17px 'Open Sans', sans-serif;
				color: #fff;
				text-align: center;
				z-index: 1;
			}
		#notifications .dropDown{
			display: none;
			position: absolute;
			top: 29px;
			right: 1px;
			/* width: 360px; */
			width: 400px;
			border: 1px solid #bed2d9;
			-webkit-border-radius: 0 0 2px 2px;
			border-radius: 0 0 2px 2px;
			background-color: #fff;
			z-index: 10;
			padding: 10px;
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .1);
			box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .1);
		}
			#notifications .dropDown .tabs{
				border-bottom: 1px solid #bed2d9;
				padding: 0px 5px 0;
				text-align: right;
				margin-bottom: 10px;
			}
				#notifications .dropDown .tabs span{
					display: inline-block;
					background-color: #f7f8f9;
					padding: 5px 12px;
					font: 400 15px 'Open Sans', sans-serif;
					color: #318aa7;
					-webkit-border-radius: 3px 3px 0px 0px;
					border-radius: 3px 3px 0px 0px;
					border: 1px solid #bed2d9;
					border-bottom-color: transparent;
					margin-bottom: -1px;
					cursor: pointer;
					opacity: .8;
				}
				#notifications .dropDown .tabs span:hover{
					opacity: 1;
					color: #0da6d7;
				}
				#notifications .dropDown .tabs span.selected{
					background-color: #fff;
					padding: 5px 12px 6px;
					margin-bottom: -1px;
					cursor: default;
					opacity: 1;
				}
			#notifications .dropDown li{
				padding: 15px 20px;
				text-align: center;
				border: 1px solid #d9e1e4;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				background-color: #f5fcfb;
				margin-bottom: 10px;
			}
				#notifications .dropDown span.date{
					float: right;
					font: 300 13px 'Open Sans', sans-serif;
				}
			
				#notifications .dropDown h3{
					/* padding-top: 25px; */
					font: 400 14px 'Open Sans', sans-serif;
					/* color: #273F47; */
					color: #596063;
					margin: 0 0 10px;
					text-align: left;
					/* background-color: #eee; */
				}
				#notifications .dropDown p.empty{
					font: 400 14px 'Open Sans', sans-serif;
					color: #98a7ab;
					margin: 20px auto;
					text-align: center;
				}
				#notifications .dropDown blockquote{
					font: 400 14px 'Open Sans', sans-serif;
					background-color: #fff;
					border: 1px solid #e9f5fc;
					/* color: #5aa6bf; */
					color: #888;
					/* margin: 0 0 10px; */
					margin: 0 -10px 12px;
					/* padding: 4px 6px; */
					padding: 5px 10px;
					/* border: 1px solid #e6f0f5; */
					/* text-align: justify; */
					text-align: left;
				}
				#notifications .dropDown blockquote:before{
					content: open-quote;
				}
				#notifications .dropDown blockquote:after{
					content: close-quote;
				}
				
				#notifications .dropDown .button{
					display: inline-block;
					min-width: 80px;
					font: 400 16px 'Source Sans Pro', 'Open Sans', sans-serif;
					
					text-decoration: underline;
					color: #788c93;
					padding: 8px 0;
					border: 0;
					background: none;
					/* color: #666; */
					/* padding: 8px 10px; */
					/* margin: 0 5px; */
					/* -webkit-border-radius: 2px;
					border-radius: 2px; */
					/* border: 1px solid #ddd; */
					/* background: #f2f2f2;
					background: -moz-linear-gradient(top, #f8f7f7 0%, #ededed 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f7f7), color-stop(100%, #ededed));
					background: -webkit-linear-gradient(top, #f8f7f7 0%, #ededed 100%);
					background: -o-linear-gradient(top, #f8f7f7 0%, #ededed 100%);
					background: -ms-linear-gradient(top, #f8f7f7 0%, #ededed 100%);
					background: linear-gradient(to bottom, #f8f7f7 0%, #ededed 100%); */

					cursor: pointer;
					
					-webkit-transition: .1s;
					-moz-transition: .1s;
					-o-transition: .1s;
					transition: .1s;
				}
				#notifications .dropDown .button:hover{
					color: #0396cf;
				}
				/* #notifications .dropDown .button:hover,
				#notifications .dropDown .button:focus{
					border: 1px solid #ccc;
					background: #f7f7f7;
					background: -moz-linear-gradient(top, #fcfafa 0%, #f1f1f1 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfafa), color-stop(100%, #f1f1f1));
					background: -webkit-linear-gradient(top, #fcfafa 0%, #f1f1f1 100%);
					background: -o-linear-gradient(top, #fcfafa 0%, #f1f1f1 100%);
					background: -ms-linear-gradient(top, #fcfafa 0%, #f1f1f1 100%);
					background: linear-gradient(to bottom, #fcfafa 0%, #f1f1f1 100%);
				}
				#notifications .dropDown .button:active{
					border: 1px solid #bbb;
					background: #ededed;
					background: -moz-linear-gradient(top, #ededed 0%, #f8f7f7 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #f8f7f7));
					background: -webkit-linear-gradient(top, #ededed 0%, #f8f7f7 100%);
					background: -o-linear-gradient(top, #ededed 0%, #f8f7f7 100%);
					background: -ms-linear-gradient(top, #ededed 0%, #f8f7f7 100%);
					background: linear-gradient(to bottom, #ededed 0%, #f8f7f7 100%);
				} */
				#notifications .dropDown .button.focused{
					background: #1eb3f1;
					background: -moz-linear-gradient(top, #29c0f9 0%, #13a4e7 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29c0f9), color-stop(100%, #13a4e7));
					background: -webkit-linear-gradient(top, #29c0f9 0%, #13a4e7 100%);
					background: -o-linear-gradient(top, #29c0f9 0%, #13a4e7 100%);
					background: -ms-linear-gradient(top, #29c0f9 0%, #13a4e7 100%);
					background: linear-gradient(to bottom, #29c0f9 0%, #13a4e7 100%);
					color: #fff;
					text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
					border: 1px solid #2092de;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					padding: 8px 10px;
					text-decoration: none;
				}
				#notifications .dropDown .button.focused:hover,
				#notifications .dropDown .button.focused:focus{
					border: 1px solid #1082ce;
					background: #29c6ff;
					background: -moz-linear-gradient(top,  #29c6ff 0%, #1bafee 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29c6ff), color-stop(100%,#1bafee));
					background: -webkit-linear-gradient(top,  #29c6ff 0%,#1bafee 100%);
					background: -o-linear-gradient(top,  #29c6ff 0%,#1bafee 100%);
					background: -ms-linear-gradient(top,  #29c6ff 0%,#1bafee 100%);
					background: linear-gradient(to bottom,  #29c6ff 0%,#1bafee 100%);
				}
				#notifications .dropDown .button.focused:active{
					background: #13a4e7;
					background: -moz-linear-gradient(top,  #13a4e7 0%, #29c0f9 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13a4e7), color-stop(100%,#29c0f9));
					background: -webkit-linear-gradient(top,  #13a4e7 0%,#29c0f9 100%);
					background: -o-linear-gradient(top,  #13a4e7 0%,#29c0f9 100%);
					background: -ms-linear-gradient(top,  #13a4e7 0%,#29c0f9 100%);
					background: linear-gradient(to bottom,  #13a4e7 0%,#29c0f9 100%);
				}
				
				
	#search{
		position: absolute;
		top: 0;
		right: 0;
		height: 45px;
		z-index: 11;
	}
	#search.off{
		background-color: transparent;
		width: 50px;
		cursor: pointer;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		border-bottom: 1px solid #e9f1f4;
	}
	
	#search.off:before{
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url(../images/icons.png) no-repeat -128px -302px;
		position: absolute;
		top: 14px;
		left: 50%;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#search.off:hover{
		background-color: #d4edfa;
		width: 80px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		border-bottom: 1px solid #bedae5;
		
		-webkit-box-shadow: 0 -5px 5px 0 #fff;
		box-shadow: 0 -5px 5px 0 #fff;
	}
		#search.off input{
			width: 0;
			height: 25px;
			display: none;
			border: 0;
			outline: none;
			background: transparent;
		}
		/* #search.off .overlay,
		#search.off .close{
			display: none;
		} */
	#search.on{
		left: 0;
		padding: 0 50px;
		background-color: #c7ebf9;
		border-bottom:1px solid #a8d6e7;
		/* overflow: hidden; */
	}
	#search.on:before{
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url(../images/icons.png) no-repeat -128px -302px;
		position: absolute;
		top: 14px;
		left: 20px;
	}
		#search.on input{
			display: block;
			position: absolute;
			left: 45px;
			width: 87%;
			height: 45px;
			border: 0;
			outline: none;
			font: 300 20px/45px 'Open Sans', sans-serif;
			color: #244C59;
			background: transparent;
		}
		#search.on input::-ms-clear{
			display: none;
			width: 0;
			height: 0;
		}
		/* #search.on .overlay{
			position: absolute;
			left: 49px;
			width: 100%;
			height: 45px;
			font: 300 20px/45px 'Open Sans', sans-serif;
			color: #79b1c6;
		} */
		#search.on .close{
			position: absolute;
			top: 13px;
			right: 13px;				
			width: 20px;
			height: 20px;
		}			
		#search.on .close:hover{
			cursor: pointer;
		}
		#search.on .close:hover:after,
		#search.on .close:hover:before{
			background-color: #66c7ec;
		}
		#search.on .close:after,
		#search.on .close:before{
			content: "";
			display: block;
			position: absolute;
			background-color: #01a4e0;
			width: 16px;
			height: 3px;
			top: 8px;
			left: 2px;
		}			
		#search.on .close:after{
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		#search.on .close:before{
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	#search input::selection{
		background-color: #0d6686;
		color: #fff;
	}
	#search input::-moz-selection{
		background-color: #0d6686;
		color: #fff;
	}


#topBar .toolbar{
	display: block;
	position: absolute;
	top: 27px;
	right: 5px;
	height: 35px;
	padding: 0 10px;
	border-left: 1px solid #eee;
}
.share #topBar .toolbar{
	border-left: 1px solid rgba(238, 238, 238, 0.25);
}
	#topBar .toolbar li{
		font: 400 12px 'Open Sans', sans-serif;
		text-align: center;
		color: #037fad;
		display: inline-block;
		padding: 7px;
		border: 1px solid rgba(0,0,0,0);
		-webkit-border-radius: 21px;
		border-radius: 23px;
		cursor: pointer;
		margin-top: -5px;
		margin-right: 5px;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;			
	}
	#topBar .toolbar li:hover{
		color: #01a4e0;
		/*  background-color: #daeef5; */
		background-color: #fff;
		border: 1px solid #a7c5d1;	
		-webkit-transition: .1s;
		-moz-transition: .1s;
		-o-transition: .1s;
		transition: .1s;		
	}
	#topBar .toolbar li:active{
		border: 1px solid #addef1;
		/* background: #e8f4f8; 
		background-color: #e9f6ff;*/
		background-color: #d6e8ef;
		background-color: #daeef5;
		-webkit-transition: .05s;
		-moz-transition: .05s;
		-o-transition: .05s;
		transition: .05s;	
	}
	#topBar .toolbar li.disabled{
		color: #d4dfe3;
	}
	#topBar .toolbar li.disabled:hover{
		border: 1px solid rgba(0,0,0,0);
		background: transparent;
		cursor: default;
	}
		
		#topBar .toolbar li span{
			display: block;
			height: 26px;
			width: 26px;
			margin: 0 auto;
			background: url(../images/icons.png) no-repeat -390px -276px;
			opacity: .8;
		}
		#topBar .toolbar li:hover span{
			opacity: 1;
		}
		#topBar .toolbar li:active span{
			opacity: 1;
		}
		#topBar .toolbar li.disabled span{
			opacity: .2;
		}	
		#topBar .toolbar li.download span{
			background-position: -26px -276px;
		}
		#topBar .toolbar li.report span{
			background-position: -364px -276px;
		}
			
		.share .signIn{
			display: none;
			position: absolute;
			top: 22px;
			right: 135px;
			/* width: 100%; */
			/* max-width: 200px; */
			padding: 7px 40px;
			
			background-color: #fbe508;
			-webkit-box-shadow: inset 0px -10px 30px 0px #efa600;
			box-shadow: inset 0px -10px 30px 0px #efa600;
			border: 1px solid #ff8a00;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			
			font: 400 18px/28px 'Open Sans', sans-serif;
			color: #886600;
			text-shadow: 1px 1px 0px #fae513;
			text-decoration: none;
			vertical-align: middle;
			
			-webkit-transition: .1s;
			-moz-transition: .1s;
			-o-transition: .1s;
			transition: .1s;
		}
		.share .signIn:before{
			content: "";
			position: absolute;
			left:-1px;
			right:-1px;
			top:-1px;
			bottom:-1px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			/* -webkit-box-shadow: 0px 0px 0px 1px #c7dae1;
			box-shadow: 0px 0px 0px 1px #c7dae1; */
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
		}
		.share .signIn:after{
			content: "";
			position: absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			border: 1px solid #fae513;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		.share .signIn:hover{
			background-color: #fdf21d;
			-webkit-box-shadow: inset 0px -10px 30px 0px #f2b901;
			box-shadow: inset 0px -10px 30px 0px #f2b901;
		}
		.share .signIn:hover:before{
			-webkit-box-shadow: 0px 0px 0px 2px #565326;
			box-shadow: 0px 0px 0px 2px #565326;
		}
		.share .signIn:active{
			background-color: #fbc108;
		}
		.share .signIn:active:before{
			-webkit-box-shadow: 0 0 5px 1px #FFB200;
			box-shadow: 0 0 5px 1px #FFB200;
		}