@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------ NOTIFICATION STYLES ----------------------------------------------------------- */
.notification {
	display: none;
	height: 35px;
	line-height: 31px;
	position: fixed;
	top:0;
	font-size: 14px;
	background: url('../images/notification-bar/bar-bg.png') repeat-x scroll 0 0;
	color:#000;
	text-align:center;
	width:100%;
	font-size:14px;
	vertical-align:middle;
	border-bottom:#292828 1px solid;
	box-shadow: 0 13px 8px -8px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0 13px 8px -8px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0 13px 8px -8px rgba(0, 0, 0, 0.7);
	z-index:10000;
}

.notification p { 
	display:inline-block; 
	margin-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	margin-top:4px;
}

.notification p strong { 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e7e6e6;
}

.notification p a {
	font-size:16px;
	color:#08d7f7;
	text-decoration:none;
	cursor:pointer;
}

.notification a:hover {
	text-decoration:none; 
	border-bottom: #b0b0b7 1px dotted; 
	padding-bottom: 1px;
}

.notification a.close, .modal-container a.close, .modal-large-container a.close {
	background: transparent url('../images/buttons/sprites/close-button.png') no-repeat scroll 0 0;
	background-position: 0 0;
	border:none;
	cursor:pointer;
	position: absolute;
	display: block;
	right: 7px;
	width: 23px;
	height: 23px;
	line-height: 20px;
	top: 6px;
	text-indent: -9999px;	
}

.notification a.close:hover, .modal-container a.close:hover, .modal-large-container a.close:hover {
	background-position: 0 -73px;
}

.notification span { 
	background: transparent url('../images/controls/main-file-controls.png') no-repeat scroll;
	width: 16px;
	height: 30px;
	display: inline-block;
	text-indent: -9999px;
}

#file-copied.notification span { background-position: -256px 7px; }

#file-downloaded.notification span { background-position: -320px 8px; }

#file-updated.notification span, #account-updated.notification span { background-position: -480px 8px; }

#notificaton_error.notification span { background-position: -129px 8px; }

#delete-file-confirm.notification span, #error.notification span { background-position: -512px 8px; }

#delete-file-confirm.notification #do_delete  { margin-left:15px; }

#delete-file-success.notification span { background-position: -288px 8px; }




/* ------------------------------------------------------------------ MODAL STYLES ------------------------------------------------------------------ */
#modal-overlay, #loading-modal-overlay {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

#loading-modal-overlay {
	z-index:100000;
}

.modal-container, .modal-large-container {
	background-color: rgba(0,0,0,0.3);
	position:fixed;
	top:20%;
	left:50%;
	width:364px;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	z-index:1010;
	margin-left:-196px;
}

.modal-large-container {
	width:471px;
	margin-left:-250px;
	top:10%;
}

.modal-container h3, .modal-large-container h3 {
	background: rgba(0,0,0,0.3) url('../images/modal/header-bg.png') 0 0 repeat-x;
	font-size:16px;
	height:29px;
	color:#dae0e2;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px -1px -2px rgba(0,0,0,0.5);
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;	
	text-align:left;
	padding:13px 0 0 12px;
	margin:0 -2px 0 0;
}

#modal-wrapper, #modal-controls {
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;	
}

#modal-wrapper {
	margin-left:1px;
	width:100%;	
}

#modal-content {
	background:#ddeaef;
	border-bottom:#e8f0f2 1px solid;
	text-align:left;	
	padding:15px;
	min-height:80px;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
	line-height:20px;	
}

#modal-content #upgrade-instructions a {
	font-size:10px;
	opacity: 0.8;
	margin-left:15px;
}

.modal-large-container #modal-content {
	padding:0 15px;
}

#modal-content p, #modal-content a, #modal-content span {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#44484a;
	margin-top:5px;	
}

#modal-content p#cancel-anytime {
	display:block;
	text-align:center;
	margin-top:15px;
	font-size: 16px;
}

#modal-content p#need-premium-account {
	margin-bottom:10px;
}

#modal-content span {
	margin-top:0;
}

#modal-content a {	
	color:#575757;
	font-size: 12px;
}

#modal-content p strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#modal-warning-icon {
	background: transparent url('../images/modal/warning-icon.png') no-repeat;
	float:left;
	width:51px;
	height:100px;
	margin:0 14px 5px 0;
}

#modal-controls, .modal-large-container #modal-wrapper #modal-controls {
	width:100%;
	background:#ddeaef;
	height:55px;
	text-align:right;
	position:relative;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.modal-container #modal-controls {
	margin-left: 0;
}

.modal-large-container #modal-wrapper #modal-controls {
	width:100%;
}

#modal-controls a#grey-button, #modal-controls a#blue-button {
	height:34px;
	width:111px;
	text-indent:-9999px;
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	margin:10px 0;
}

#modal-controls a#blue-button {
	margin-right:20px;
	margin-left:10px;
}

#settings-agree {
	display:none;
	opacity:0;
	position:relative;
	top:-22px;
	margin-right:45px;
	color:#7f868a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#settings-agree a {
	color:#949191;
	border-bottom: #949191 1px dotted;
	text-decoration:none;
}

#settings-agree a:hover {
	color:#646363;
	border-bottom: #646363 1px dotted;
	cursor:pointer;
}

#settings-agree input[type=checkbox] {
	visibility: hidden;
}


/* ------------------------------------------------------------------ PASSWORD MODAL ---------------------------------------------------------------- */
#file-password-form {
	margin:20px 0 0 65px;
}


/* ------------------------------------------------------------------ CHECKBOX STYLES --------------------------------------------------------------- */
.checkbox-container {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.checkbox-container .checkbox-chk {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left:0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.checkbox-container label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 5px;
	background: transparent;
	top: 0;
	left: 4px;
	border: 3px solid #009fd3;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox-container label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.checkbox-container input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/* ------------------------------------------------------------------ MODAL BUTTONS ----------------------------------------------------------------- */
#modal-controls a#grey-button span, #modal-controls a#blue-button span {
	text-indent:-9999px;
	display:none;
}

#modal-controls.cancel--save a#grey-button, #modal-controls.cancel--save a#blue-button {
	background-image: url('../images/buttons/cancel-save-buttons.png');
}

#modal-controls.no-thanks--yes-please a#grey-button, #modal-controls.no-thanks--yes-please a#blue-button {
	background-image: url('../images/buttons/no-thanks--yes-please-buttons.png');
}

#modal-controls.no--yes a#grey-button, #modal-controls.no--yes a#blue-button {
	background-image: url('../images/buttons/yes--no-buttons.png');
}

#modal-controls.ok--cancel a#grey-button, #modal-controls.ok--cancel a#blue-button {
	background-image: url('../images/buttons/ok--cancel-buttons.png');
}

#modal-controls.delete--cancel a#grey-button, #modal-controls.delete--cancel a#blue-button {
	background-image: url('../images/buttons/delete--cancel-buttons.png');
}

#modal-controls.i-agree--decline a#grey-button, #modal-controls.i-agree--decline a#blue-button {
	background-image: url('../images/buttons/i-agree--decline-buttons.png');
}

#modal-controls.send--cancel a#grey-button, #modal-controls.send--cancel a#blue-button {
	background-image: url('https://cdn.sizablesend.com/sizable-send/images/buttons/send--cancel-buttons.png');
}

#modal-controls.share--cancel a#grey-button, #modal-controls.share--cancel a#blue-button {
	background-image: url('../images/buttons/share--cancel-buttons.png');
}

a#grey-button, a#blue-button{
	background-repeat:no-repeat;
	cursor:pointer;	
}

a#grey-button {
	background-position:0 1px;
	color:#000;
}

a#blue-button {
	background-position:-126px 1px;
	color:#005e9b;
	margin-left:10px;
}

a#grey-button:hover {
	background-position:0 0;
}

a#blue-button:hover {
	background-position:-126px 0;
}

a#grey-button:active {
	background-position:0 1px;
}

a#blue-button:active {
	background-position:-126px 1px;
}

.modal-container a.close, .modal-large-container a.close {
	position:absolute;
	top:20px;
	right:18px;
	width:24px;
	height:24px;
}


span.tool--tip {
	background: url('../images/icons/tool-tip.png') no-repeat;
	position:relative;
	width:16px;
	height:16px;
	display:inline-block;
	text-indent:-9999px;
	position:relative;
	top:0;
	right:0;
	cursor:pointer;
	margin-top:-3px;
}


/* ------------------------------------------------------------------ HUGE FILE WARNING MODAL STYLES ------------------------------------------------ */
#modal-huge-file-warning {
	width:418px;
}

#huge-file-warning-container {
	position:relative;
	width:383px;
	height:362px;
	text-align:center;
}

#huge-file-warning-container #learn-more {
	margin:15px auto;
}

#huge-file-warning-container #flip-counter {
	position: absolute;
	bottom: 89px;
	width: 92px;
	height: 61px;
	left: 146px;
	text-align: center;
}

#flip-counter .flip-counter {
	width:31px;
	height:61px;
	display:inline-block;
}

#flip-counter .counter-1 {
	background: url('../images/flip-counter/1.png') no-repeat;
	margin-left:-1px;
}

#flip-counter .counter-2 {
	background: url('../images/flip-counter/2.png') no-repeat;
}

#flip-counter .counter-3 {
	background: url('../images/flip-counter/3.png') no-repeat;
}

#flip-counter .counter-4 {
	background: url('../images/flip-counter/4.png') no-repeat;
}

#flip-counter .counter-5 {
	background: url('../images/flip-counter/5.png') no-repeat;
}

#flip-counter .counter-6 {
	background: url('../images/flip-counter/6.png') no-repeat;
}

#flip-counter .counter-7 {
	background: url('../images/flip-counter/7.png') no-repeat;
}

#flip-counter .counter-8 {
	background: url('../images/flip-counter/8.png') no-repeat;
}

#flip-counter .counter-9 {
	background: url('../images/flip-counter/9.png') no-repeat;
}

#flip-counter .counter-0 {
	background: url('../images/flip-counter/0.png') no-repeat;
}


/* ------------------------------------------------------------------ HINT STYLES ------------------------------------------------------------------- */
/*! Hint.css - v1.2.1 - 2013-03-24 */
.hint,[data-hint]{position:relative;display:inline-block; white-space: nowrap; max-width: 200px;}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{visibility:visible;opacity:1}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;text-shadow:0 -1px 0 black;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:before,.hint--top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:before,.hint--bottom:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:before,.hint--right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:before,.hint--left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #5a2626}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6d5228}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193c4c}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a331a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}