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


/* ------------------------------------------------------------------ CSS RESETS ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#363636;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ------------------------------------------------------------------ FONT STYLES ------------------------------------------------------------------ */
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* ------------------------------------------------------------------ HEADER STYLES ------------------------------------------------------------------ */
header {
	background:url('../images/backgrounds/page-bg.jpg') #202020;
	height:98px;
	width:100%;
	overflow:visible;
}

#logo {
	background:url('../images/logos/sizable-send-logo.png') no-repeat;
	background-position:right top;
	position:absolute;
	top:0;
	left:0; 
	width:42%;
	min-width:455px;
	max-width:731px;
	height:186px;
	text-indent:-9999px;
}

#logo a {
	position: absolute;
	top:54px;
	right:158px;
	width:15%;
	min-width:272px;
	max-width:372px;	
	height:56px;
}


/* ------------------------------------------------------------------ HEADER TAG STYLES ----------------------------------------------------------- */
h1, h2, h3 {
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	margin:18px 0 4px 0;
	color:#006b9a;
}

h4, h5, h6 {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	margin:4px 0 12px;
}

h1 {
	font-size:35px;
	font-weight:bold;
}

h2 {
	font-size:28px;
	font-weight:bold;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#009bcf;
}

h4 {
	font-size:20px;
	font-weight:bold;
}

h5 {
	font-size:18px;
	font-weight:bold;
}

h6 {
	font-size:16px;
	font-weight:bold;
}

.main-content h1, .main-content h2 {
	text-indent:-9999px;
	background-repeat:no-repeat;
	margin:0 auto;
}

.main-content h1 {
	width:713px;
	height:63px;
}

.main-content h2 {
	width:413px;
	height:26px;
}



/* ------------------------------------------------------------------ BODY TEXT STYLES ----------------------------------------------------------- */
em {
	font-style:italic;
	color:#333333;
}

strong {
	font-weight:bold;
}

.main-content p, #text-container p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

.no-top-margin {
	margin-top:0;
}



/* ------------------------------------------------------------------ MAIN STYLES ----------------------------------------------------------------- */
#wrapper, #more-text-wrapper, header, footer {
	min-width:900px;
	width:100%;
}

.main-content {
	min-height:275px;
	width: 900px;
	margin:0 auto;
}

#plans {
	min-height: 225px;
}

#top-shadow, #bottom-shadow {
	width:100%;
	background-position:bottom center;
	min-width: 900px;
}

#top-shadow {
	background:url('../images/backgrounds/top-footer-gradient-bg.png') transparent repeat-x;
	height:15px;
	margin-top:-15px;
}

#bottom-shadow {
	background:url('../images/backgrounds/bottom-footer-gradient-bg.png') transparent repeat-x;
	height:19px;
	margin-top:-19px;
}



/* ------------------------------------------------------------------ WRAPPER STYLES ----------------------------------------------------------------- */
#wrapper {
	background:url('../images/backgrounds/center-blue-bg.jpg') #00629e repeat-x; 
	border-bottom:#003a5e 18px solid;
}

#more-text-wrapper, #text-wrapper {
	background:url('../images/backgrounds/page-bg.jpg') #363636;
	padding: 0; 
}



/* ------------------------------------------------------------------ CONTAINER STYLES ------------------------------------------------------------------ */
#container, #more-text-container, #text-container, #footer-container {
	width:900px;
	margin:0 auto;
	z-index:100;
	padding:100px 0 15px;
}

#container {
	width:100%;
}

#more-text-container {
	width:790px;
	padding:35px 55px 0;
	background-color:#1a1a1a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-khtml-border-radius: 6px;
}

#text-container {
	width:790px;
	padding:35px;
	background-color:#FFFFFF;
}

#footer-container {
	padding:35px 0;
	width:900px;
}


/* ------------------------------------------------------------------ SOCIAL ICONS ------------------------------------------------------------------ */
.social-icons {
	width:224px;
	height:40px;
	margin:0 auto;
	clear:both;
}

.social-icons a{
	background:url('../images/icons/social/sprites/social-icons.png') no-repeat;
	display:block;
	width:46px;
	height:46px;
	text-indent:-9999px;
	float:left;	
	margin:0 5px;
}

.social-icons a.facebook:hover {
	background-position:0 -56px;
}

.social-icons a.twitter:hover {
	background-position:-58px -56px;
}

.social-icons a.linkedin:hover {
	background-position:-118px -56px;
}

.social-icons a.gplus:hover {
	background-position:-179px -56px;
}

.social-icons a.facebook {
	background-position:0 0;
}

.social-icons a.twitter {
	background-position:-58px 0;
}

.social-icons a.linkedin {
	background-position:-118px 0;
}

.social-icons a.gplus {
	background-position:-179px 0;
}



/* ------------------------------------------------------------------ LOGIN FORM ------------------------------------------------------------------ */
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
	color:#737374;
}

input::-webkit-input-placeholder { 
	color: #606060;
}

input::-moz-placeholder { 
	color: #606060;
}

input:-moz-placeholder { 
	color: #606060;
}

input:-ms-input-placeholder { 
	color: #606060;
}

#login, #my-account-header {
	position:absolute;
	top:42px;
	right:45px;
	margin:0 0 0 15px;
	min-width:400px;
	text-align:right; 
}

#login-form {
	height:33px;
	display:inline-block;
}

#login-form input {
	color: #606060;
	border: 0;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center top;	
	padding: 1px 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;	
}

#login-form #username, #login-form #password, #login-form #go, #login a#register, #my-account-header a#my-files, #my-account-header a#settings {
	background: transparent url('../images/forms/top-login/sprites/login-sprite.png');
	background-repeat:no-repeat;
}

#login-form #username {
	width: 120px;
	height: 33px;
	background-position: 0 -435px;
}

#login-form #password {
	width: 110px;
	height: 33px;
	background-position: 0 -174px;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-radius-top-right-radius: 0;
	-khtml-border-radius-topright: 0;	
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-radius-bottom-right-radius: 0;
	-khtml-border-radius-bottomright: 0;	
}

#login-form #password, #login #register {
	margin-left:6px;
}

#login-form #go, #login #register {
	text-indent:-9999px;
}

#login-form #go {
	width: 31px;
	height: 36px;
	margin-left:-5px;
	background-position: 0 0;
	vertical-align:top;
	overflow:visible;	
}

#login a#register, #my-account-header a#my-files, #my-account-header a#settings {
	width: 108px;
	height: 38px;
	display:inline-block;
	vertical-align:top;
	margin-top:-1px;
	text-indent:-9999px;
	text-align:left;	
}

#login a#register {
	background-position: 0 -259px;
}

#my-account-header a#my-files {
	background-position: 0 -87px;
	text-align:left;
}

#my-account-header a#settings {
	background-position: 0 -347px;
	text-align:left;
}

#login-form #go:hover, #login #register:hover, #my-account-header a#my-files:hover {
	cursor:pointer;
}

#login-form #go:hover {
	margin-top:-1px;
}

#login-form #go:active {
	margin-top:0px;
}

#login #register:hover, #my-account-header a#settings:hover,  #my-account-header a#my-files:hover {
	margin-top:-2px;
}

#login #register:active, #my-account-header a#settings:active,  #my-account-header a#my-files:active {
	margin-top:-1px;
}

#left-controls {
	text-align:right;
	width:290px;
	display:inline-block;
	margin-right:10px;
}

#left-controls #logout {
	margin:6px 0 0 6px;
}

#left-controls #username {
	color:#b7b7b7;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
}

#left-controls #username span {
	font-size:16px;
}

#left-controls #logout a {
	color:#6f6f6f;
	text-decoration:none;
	border-bottom:#6f6f6f 1px dotted;
	font-size:11px;
}

#left-controls #logout a:hover {
	color:#b7b7b7;
	border-bottom:#b7b7b7 1px dotted;
}

#left-controls #storage-usage {
	color:#6f6f6f;
}

#left-controls #over-usage-quota #storage-usage {
	color:#b34e4d;
	font-weight:bold;
}

#left-controls #storage-usage small {
	font-size:10px;
}

/* ------------------------------------------------------------------ SUBTEXT CLOUMN STYLES -------------------------------------------------------------- */
.subtext-column {
	width:234px;
	margin:0 38px 18px 0;
	border-top:#4c4c4c 1px solid;
	padding-top:6px;
	display:inline-block;
	vertical-align:top;
}

.subtext-column-bottom {
	margin-bottom:25px;
}

.subtext-column-end {
	margin-right:0;
}

.subtext-column h3, .subtext-column p {
	text-shadow: 1px 1px 1px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#b7b7b7;
}

.subtext-column h3 {
	background:url('../images/icons/plus-sign.jpg') no-repeat 0 2px;
	padding-left:15px;
	font-weight:bold;
	letter-spacing:.1em;
	font-size:15px;
	margin:5px 0 14px;
}

.subtext-column p {
	font-size:12px;
	line-height:18px;
	color:#FFF;
}

.subtext-column p strong {
	font-weight:normal;
}


/* ------------------------------------------------------------------ LOADING BARS ------------------------------------------------------------------ */
#preloader-1 {
	background:url('../images/preloaders/sprites/1.png') no-repeat;
	position: absolute;
	top: 30%;
	left: 50%;
	width: 128px;
	height:128px;
	z-index: 100500;
	margin-left: -64px;
	text-indent:-9999px;
}


/* ------------------------------------------------------------------ FOOTER STYLES ------------------------------------------------------------------ */
footer {
	background-color:#363636; 
	color:#bcbcbc;
}

footer a {
	color:#bcbcbc;
}

footer #copyright {
	font-size:10px;
	text-align:center;
	clear:both;
}

footer #copyright span {
	font-size:10px;
	text-align:center;
	display:block;
	line-height:15px;
}

footer #copyright a {
	color:#dfdbdb;
	font-size:10px;
	color:#;
	text-decoration:none;
}

footer #copyright a:hover {
	color:#FFF;
	border-bottom:#888686 1px dotted;	
}

#footer-nav {
	width:900px;
	height:208px;
	font-style: italic;
}

#left-footer-column {
	width:243px;
	border-right:#2c2c2c 2px solid;
	padding:0 0 5px;
	height:176px;
}

#right-footer-column {
	border-right:none;
}

.footer-column {
	width:132px;
	float:left;
	border-right:#2c2c2c 2px solid;
	text-align:left;
	padding:2px 15px 5px;
	height:150px;
}

.footer-column h4 {
	font-size:13px;
	font-weight:bold;
	color:#bababa;
	display:inline-block;
	line-height:35px;
	padding-top: 3px;
	vertical-align:top;
}

footer h4 a {
	color:#08d7f7;
}

.footer-column h5 {
	background: url('../images/icons/plus-sign-2.jpg') no-repeat 0 2px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 14px;
	color:#bababa;
}

footer h5 a {
	font-weight: bold;
	font-size: 16px;
	color:#bababa;
	text-decoration:none;
}

footer h5 a:hover {
	border-bottom:#FFF 1px dotted;
}

a#footer-logo {
	background:url('../images/footer/sprites/footer-logo-and-app-icons.jpg') no-repeat;
	background-position: 0 -50px;
	width:226px;
	height:67px;
	text-indent:-9999px;
	display:block;
}

#footer-icons {
	margin:18px 0 8px;
	height: 48px;

}

.footer-column ul {
	margin-left:16px;
}

.footer-column ul li {
	line-height:16px;
	font-size:8px;
	padding:4px 0;
	list-style: disc;
}

.footer-column ul li a {
	color:#FFF;
	text-decoration:none;
	line-height:16px;
	font-size:12px;
}

.footer-column ul li a:hover {
	border-bottom:#FFF 1px dotted;
	color:#bcbcbc;
}


#footer-android-app a, #footer-ios-app a {
	background:url('../images/footer/sprites/footer-logo-and-app-icons.jpg') no-repeat;
	width:37px;
	height:42px;
	text-indent:-9999px;
	display:inline-block;
}

#footer-ios-app a {
	background-position:0 0;
	margin-left:5px;
}

#footer-android-app a {
	background-position:-32px 0;
}