#scrollingFrame.account{
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 13px;
	right: 10px;
	bottom: 0;
	padding-bottom: 10px;
}

#account .content{
	padding-right: 5px;
	padding-top: 7px;
	/* text-align: justify; */
}
	#account h3{
		font: 300 30px 'Open Sans', sans-serif;
		color: #354c53;
		margin-bottom: 20px;
		text-align: center;
	}
	
#accountInfo{
	max-width: 600px;
	min-width: 360px;
	height: 110px;
	border-bottom: 1px solid #8899a0;
	border-bottom: 1px solid #e9f1f4;
	padding: 20px 20px 30px;
	margin-bottom: 30px;
}
	
	#accountInfo .accountType{
		display: inline-block;
		width: 72px;
		font: 700 11px/14px 'Open Sans', sans-serif;
		background-color: #92b7c5;
		background-color: #71909C;
		padding-bottom: 6px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		float: left;
		margin-right: 20px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	#accountInfo .accountType:before{
		content: "";
		display: block;
		width: 72px;
		height: 68px;
		background: #fff url(../images/icons.png) no-repeat -1080px -152px;
		margin-bottom: 4px;
	}
	#accountInfo .email{
		display: block;
		font: 400 16px 'Open Sans',sans-serif;
		color: #8b989c;
		margin-bottom: 10px;
	}
	
	#accountInfo .resetPassword{
		font: 300 14px 'Open Sans', sans-serif;
		color: #01a4e0;
		text-decoration: underline;	
		cursor: pointer;
	}
	
	#accountInfo .fullname{
		display: block;
		font: 300 32px/36px 'Open Sans', sans-serif;
		color: #273f47;
		vertical-align: middle;
	}
	#accountInfo .fullname span{
		vertical-align: middle;
		margin-right: 10px;
	}
		#accountInfo .changeName:after{
			content: "";
			display: block;
			background: url(../images/icons.png) no-repeat -171px -302px;
			width: 16px;
			height: 16px;
			position: absolute;
			left: 12px;
			top: 10px;
		}
		#accountInfo .changeName{
			display: inline-block;
			/* font: 400 18px 'Source Sans Pro', 'Open Sans', sans-serif;
			color: #666; */
			height: 36px;
			width: 40px;
			-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%);
			
			/* text-shadow: 1px 1px 2px rgba(0, 0, 0, .3); */
			cursor: pointer;
			vertical-align: middle;
			-webkit-transition: .1s;
			-moz-transition: .1s;
			-o-transition: .1s;
			transition: .1s;
			position: relative;
		}
		#accountInfo .changeName:hover,
		#accountInfo .changeName: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%);
		}
		#accountInfo .changeName: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%);
		}
		#accountInfo .changeName{
			opacity: .4;
		}
		#accountInfo:hover .changeName{
			opacity: 1;
			-webkit-transition: .5s;
			-moz-transition: .5s;
			-o-transition: .5s;
			transition: .5s;
		}
		
#accountStats{
	max-width: 600px;
	min-width: 340px;
	/* border-bottom: 1px solid #8899a0; */
	padding: 0 20px;
	margin-bottom: 30px;
	
	/* -webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s; */
}
	#accountStats .spaceUsage{
		padding-bottom: 20px;
		border-bottom: 1px dotted #afd6e5;
		margin-bottom: 30px;
	}
		#accountStats .bar{
			height: 70px;
			max-width: 1000px;
			margin: 0 auto 30px;
			position: relative;
			border: 1px solid #21beef;
			border-radius: 3px;
			/* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZTFlOWVjIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiNkNmRkZTAiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4="); */
			background-color: #fff;
			overflow: hidden;
		}
		#accountStats .bar:after{
			content: "";
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			border-radius: 2px;
			-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .5);
			box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .5);
		}
			#accountStats .bar .storedSpace,
			#accountStats .bar .sharedSpace,
			#accountStats .bar .earnedSpace,
			#accountStats .bar .unusedSpace{
				float: left;
				width: 0;
				height: 70px;
				-webkit-transition: .5s;
				-moz-transition: .5s;
				-o-transition: .5s;
				transition: .5s;
			}
			#accountStats .bar .storedSpace{
				/* background-color: #01a4e0; */		
				/* background-color: #76d2f1; */
				background: #76d2f1;
				background: -moz-linear-gradient(top, #91e4ff 0%, #76d2f1 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #91e4ff), color-stop(100%, #76d2f1));
				background: -webkit-linear-gradient(top, #91e4ff 0%, #76d2f1 100%);
				background: -o-linear-gradient(top, #91e4ff 0%, #76d2f1 100%);
				background: -ms-linear-gradient(top, #91e4ff 0%, #76d2f1 100%);
				background: linear-gradient(to bottom, #91e4ff 0%, #76d2f1 100%);
			}
			#accountStats .bar .sharedSpace{
				opacity: .7;
				/* background-color: #21beef; */
				/* background-color: #f1d876; */
				background: #f1d876;
				background: -moz-linear-gradient(top, #ffea9c 0%, #f1d876 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffea9c), color-stop(100%, #f1d876));
				background: -webkit-linear-gradient(top, #ffea9c 0%, #f1d876 100%);
				background: -o-linear-gradient(top, #ffea9c 0%, #f1d876 100%);
				background: -ms-linear-gradient(top, #ffea9c 0%, #f1d876 100%);
				background: linear-gradient(to bottom, #ffea9c 0%, #f1d876 100%);
			}
			#accountStats .bar .earnedSpace{
				opacity: .5;
				/* background-color: #87d114; */
				background: #87d114;
				background: -moz-linear-gradient(top, #a7ed37 0%, #87d114 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #a7ed37), color-stop(100%, #87d114));
				background: -webkit-linear-gradient(top, #a7ed37 0%, #87d114 100%);
				background: -o-linear-gradient(top, #a7ed37 0%, #87d114 100%);
				background: -ms-linear-gradient(top, #a7ed37 0%, #87d114 100%);
				background: linear-gradient(to bottom, #a7ed37 0%, #87d114 100%);
			}
			#accountStats .bar .unusedSpace{
			}
			#accountStats .bar .overlay{
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				padding: 10px;
				text-align: center;
				font: 400 14px/15px 'Open Sans', sans-serif;
				/* color: #647484; */
				/* color: #51646a; */
				/* color: #1a82a4; */
				color: #2B5E6F;
				text-shadow: 1px 1px rgba(255, 255, 255, 0.35);
			}
				#accountStats .bar .overlay span.percentage-used{
					display: block;
					font: 300 34px/35px 'Source Sans Pro', sans-serif;
					text-align: center;
					/* color: #647484; */
					/* color: #51646a; */
					/* color: #348eab; */
					color: #294A55;
					text-shadow: 1px 1px rgba(255, 255, 255, 0.35);
				}

	#accountStats .usageDetails{
		text-align: center;
	}
		#accountStats .usageDetails > div{
			display: inline-block;
			width: 24%;
			min-width: 110px;
			max-width: 160px;
			font: 400 14px 'Open Sans', sans-serif;
			text-align: center;
			vertical-align: middle;
			white-space: nowrap;
			margin-bottom: 10px;
		}
			#accountStats .usageDetails > div span{
				display: block;
				font: 300 28px/30px 'Open Sans', sans-serif;
				min-height: 30px;
				text-align: center;
				white-space: nowrap;
			}
		#accountStats .usageDetails .storedSpace{
			color: #01a4e0;
		}
		#accountStats .usageDetails .sharedSpace{
			color: #21beef;
			color: #e4b912;
		}
		#accountStats .usageDetails .earnedSpace{
			color: #87d114;
		}
		#accountStats .usageDetails .unusedSpace{
			color: #b8bec1;
		}
	
	#accountStats .upgradeMethod{
		max-width: 600px;
		border-bottom: 1px dotted #afd6e5;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#accountStats .upgradeMethod li{
		padding: 10px 0;
		/* border-bottom: 1px dotted #afd6e5; */
	}
	#accountStats .upgradeMethod li:last-child{
		border-bottom: 0;
	}
	
		#accountStats .upgradeMethod li > a{
			display: block;
			text-decoration: none;
			padding-left: 50px;
			position: relative;
		}
		#accountStats .upgradeMethod li .buySpace:before{
			content: "";
			display: block;
			width: 39px;
			height: 39px;
			background: url(../images/icons.png) no-repeat -39px -388px;
			position: absolute;
			left: 0;
			top: 7px;
		}
		#accountStats .upgradeMethod li .smallBusiness:before{
			content: "";
			display: block;
			width: 39px;
			height: 39px;
			background: url(../images/icons.png) no-repeat -78px -388px;
			position: absolute;
			left: 0;
			top: 7px;
		}
			#accountStats .upgradeMethod li h4{
				font: 300 22px 'Open Sans', sans-serif;
				color: #01a4e0;
			}
			#accountStats .upgradeMethod li > a:hover h4{
				color: #5fc8f1;
			}
			#accountStats .upgradeMethod li p{
				font: 400 14px 'Open Sans', sans-serif;
				color: #354c53;
				margin: 0;
			}
	
	#accountStats .guestUpload{
		padding-bottom: 30px;
		border-bottom: 1px solid #e9f1f4;
	}
	/* #accountStats .guestUpload label{
		display: inline-block;
		color: #607981;
		font: 300 14px/38px 'Open Sans', sans-serif;
		font-style: italic;
		text-align: left;
		padding-left: 10px;
		z-index: 1;
	}
	#accountStats .guestUpload input{
		position: relative;
		z-index: 2;
		background-color: #fff;
		height: 20px;
		padding: 9px 10px;
		vertical-align: middle;
		-webkit-border-radius: 3px;
		border-radius: 3px;			
		border: 1px solid #c4d2d7;
		color: #273f47;
		font: 400 14px/20px 'Open Sans', sans-serif;
	}
	 */
	#accountStats .guestUpload > div{
			margin-bottom: 15px;
		}
		#accountStats .guestUpload > div:last-child{
			margin-bottom: 25px;
		}
		#accountStats .guestUpload label{
			display: inline-block;
			padding-right: 20px;
			font: 400 14px 'Open Sans', sans-serif;
			color: #354c53;
			white-space: nowrap;
			vertical-align: middle;
		}	
		#accountStats .guestUpload input{
			position: relative;
			z-index: 2;
			background-color: #f4f9fb;
			height: 20px;
			padding: 9px 10px;
			vertical-align: middle;
			-webkit-border-radius: 3px;
			border-radius: 3px;			
			border: 1px solid #c4d2d7;
			color: #273f47;
			font: 400 14px/20px 'Open Sans', sans-serif;
			margin-right: 5px;
		}
		#accountStats .guestUpload input:hover,
		#accountStats .guestUpload input:active{
			border: 1px solid #bcd;
		}
		#accountStats .guestUpload input:focus{
			color: #4f8aa1;
			border: 1px solid #60caf4;
			-webkit-box-shadow: 0px 0px 0px 3px #efefef;
			box-shadow: 0px 0px 0px 3px #efefef;
		}
		#accountStats .guestUpload p{
			font: 400 14px 'Open Sans', sans-serif;
			color: #354C53;
		}
		#accountStats .guestUpload .changeGuestPassword{
			display: inline-block;
			font: 400 18px/22px 'Source Sans Pro', 'Open Sans', sans-serif;
			color: #fff;
			padding: 8px 20px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			border: 1px solid #2092de;
			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%);
			text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
			cursor: pointer;
			vertical-align: middle;
			-webkit-transition: .1s;
			-moz-transition: .1s;
			-o-transition: .1s;
			transition: .1s;
			position: relative;
		}
		#accountStats .guestUpload .changeGuestPassword:hover,
		#accountStats .guestUpload .changeGuestPassword: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%);
		}
		#accountStats .guestUpload .changeGuestPassword: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%);
		}
		
#accountTermination{
	display: none;
	
	max-width: 600px;
	min-width: 340px;
	border-bottom: 1px solid #e9f1f4;
	padding: 0 20px 30px;
}
	#accountTermination p{
		font: 400 14px 'Open Sans', sans-serif;
		color: #618089;
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		cursor: text;
	}
		#accountTermination p a{
			color: #01A4E0;
		}
	
}