@charset "utf-8";

/* ******************************
 * Top Level Document
 * ****************************** */

body { margin: 0px 0px 0px 0px; background-color: #e9fcf1; /* #cce2ef */ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11pt; }
input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#wrapper { width: 960px; margin: 0px auto 0px auto; }

/* debug - set [ #debug { display: none; } ] for production */

#debug { display: none; width: 220px; height: 600px; overflow: auto; font-family: Arial; font-size: .7em; background-color: rgba(255, 255, 255, 0.5); position: absolute; }
#debug span { display: block; margin: 3px 5px 3px 5px; padding-bottom: 3px; border-bottom: 1px solid #999; }

/* ******************************
 * Header
 * ****************************** */

#header {
	height: 95px;
}

/* ******************************
 * Top Navigation
 * ****************************** */

#header ul { margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; display: block; }
#header ul li { display: inline-block; }

#header .logo { padding-top: 8px; }
#header .logo img { border: none; }

#header .topnav { display: inline-block; text-align: right; float: right; font-size: .8em; margin-top: 10px; }
#header .topnav ul { display: inline-block; }

/* logged in */

#header .topnav .logged-in {
	background-color: #fff; display: none; padding: 4px 12px 4px 12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#header .topnav .logged-in a, #header .topnav .logged-in a:visited, #header .topnav .logged-in a:link {
	color: #366d7c; text-decoration: none;
	padding: 0px 4px 0px 4px;
}
#header .topnav .logged-in a:hover, #header .topnav .logged-in a:active { color: #224450; }

#header .sign-in-form, #header .sign-out-feedback {
	font-size: .9em; color: #666;
	position: absolute; top: 40px; left: -3000px; text-align: left; padding: 12px 18px 14px 18px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#header .sign-out-feedback { background-color: #dfedf5; width: 110px; }

#header .logged-in .loader-signout {
	vertical-align: top; margin-left: 8px; display: none;
}

/* logged out */

#header .topnav .logged-out a, #header .topnav .logged-out a:visited, #header .topnav .logged-out a:link {
	font-weight: bold; color: #fff; background-color: #71b4c6; text-decoration: none; padding: 4px 18px 4px 16px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#header .topnav .logged-out a:hover, #header .topnav .logged-out a:active { background-color: #49929e; }

#header .topnav a.sign-in-open, #header .topnav a.sign-in-open:visited, #header .topnav a.sign-in-open:link {
	color: #366d7c; background-color: #d9eaf3;
}

#header .topnav a.about-wizi, #header .topnav a.about-wizi:visited, #header .topnav a.about-wizi:link {
	font-weight: normal; color: #366d7c; text-decoration: none; padding: 4px 18px 4px 16px;
}
#header .topnav a.about-wizi:hover, #header .topnav a.about-wizi:active {
	color: #49929e; text-decoration: underline;
}

/* sign in form */

#header .sign-in-form { background-color: #d9eaf3; width: 160px; padding-left: 22px; }
#header .sign-in-form .text-input {
	margin-bottom: 8px; padding: 1px 2px 1px 2px; border: 1px solid #71b4c6;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; width: 140px;
}
#header .sign-in-form .signin-wiziname-error, #header .sign-in-form .signin-pwd-error {
	color: #c20f24; display: none; margin-left: 130px; position: absolute; z-index: 100; margin-top: -30px;
	font-size: 2.4em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
}
#header .sign-in-form .loader-signin {
	vertical-align: top; margin-left: 8px; display: none;
}
#header .sign-in-form .signin-error { display: block; color: #c20f24; margin-bottom: 8px; }

/* ******************************
 * Account Popup
 * ****************************** */

#account-popup {
	position: absolute; top: -300px; left: 20px; background-color: #d9eaf3; width: 520px; padding: 12px 12px 12px 12px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; z-index: 50000; font-size: 0.8em; display: none;
}
#account-popup img { float: right; vertical-align: middle; display: none; }
#account-popup a.account-button, #account-popup a.account-button:visited, #account-popup a.account-button:link {
	float: right; text-decoration: none; color: #fff; font-size: 0.9em; display: inline-block;
	background-color: #49929e; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0px 6px 2px 6px; display: block; text-align: center;

}
#account-popup a.account-button:active, #account-popup a.account-button:hover {
	background-color: #71b4c6; color: #fff;
}

#account-popup #name-email { margin-bottom: 12px; }
#account-popup #name-email, #account-popup #account-pwd {
	background-color: #fff; padding: 8px 8px 8px 8px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#account-popup .account-title { font-size: 1.2em; color: #1a1a1a; font-weight: bold; color: #49929e; display: inline-block; margin-bottom: 4px; }
#account-popup .account-wizi-name, #account-popup .account-wizi-name, #account-popup .account-wizi-password, #account-popup .account-wizi-password {
	display: block; margin-top: 2px;
}

#account-popup .account-label { display: inline-block; width: 120px; margin-left: 28px; text-align: right; margin-right: 2px; color: #1a1a1a; }
#account-popup input, #account-popup .account-field {
	width: 200px; padding: 2px 2px 2px 2px; border: 1px solid #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 0.9em;
}

#account-popup .account-field { display: inline-block; padding-left: 3px; font-size: 0.9em; background-color: #e8f2f8; }

#account-popup .account-caption { font-size: 0.9em; display: block; margin-left: 156px; margin-bottom: 4px; margin-top: 2px; }
#account-popup .account-caption a, #account-popup .account-caption a:visited, #account-popup .account-caption a:link {
	color: #49929e;
}
#account-popup .account-caption a:active; #account-popup .account-caption a:hover {
	color: #49929e;
}

#account-popup .account-pwd-error, #account-popup .account-email-error { color: #c20f24; font-size: 0.9em; display: none; margin-left: 8px; }
#account-popup .account-pwd-success, #account-popup .account-email-success { color: #366d7c; font-size: 0.9em; display: none; margin-left: 8px; }
#account-popup .account-cancel, #account-popup .account-cancel:active, #account-popup .account-cancel:link,
#smsoptions .sms-close, #smsoptions .sms-close:active, #smsoptions .sms-close:link {
	float: right; text-decoration: none; color: #fff; font-size: 0.9em; display: inline-block; margin-top: 4px; margin-right: 0px;
	background-color: #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px 2px 10px; display: block; text-align: center;
}
#account-popup .account-cancel:active, #account-popup .account-cancel:hover, #smsoptions .sms-close:active, , #smsoptions .sms-close:hover {
	background-color: #49929e; color: #fff;
}

/* ******************************
 * Token Url
 * ****************************** */

#tokenurl { background-color: #fff; padding: 8px 0px 4px 20px; /* overflow: hidden; */ height: 32px; clear: both; }
#tokenurl span { font-size: 1.1em; display: inline-block; margin-right: 4px; }
#tokenurl input.token-url  {
	width: 280px; padding: 2px 2px 2px 4px; border: 1px solid #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 1.2em; background-color: #e8f2f8;
}

#tokenurl input.token-share {
	padding: 1px 12px 1px 12px; border: 1px solid #224450; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 1.2em; background-color: #49929e; cursor: pointer; color: #fff;
}

#tokenurl .token-progress { display: none; float: right; vertical-align: top; margin-top: 4px; margin-right: 22px; }

#tokenurl form { display: inline-block; width: 510px; margin: 0px 0px 0px 0px; padding-top: 0px; vertical-align: top; }
#tokenurl #social-networks { display: inline-block; margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; vertical-align: top; }
#tokenurl #social-networks li { display: inline-block; width: 32px; height: 32px; }

/* ******************************
 * Send Options
 * ****************************** */

#sendoptions { background-color: #fff; padding: 0px 20px 0px 20px; display: none; }
#sendoptions ul.send-options { margin: 4px 0px 0px 0px; padding-top: 4px; padding-left: 0px; list-style: none; border-top: 1px solid #cce2ef; }
#sendoptions ul.send-options li { display: inline-block;  margin-right: 8px;}

#sendoptions ul.send-options a, #sendoptions ul.send-options a:visited, #sendoptions ul.send-options a:link {
	font-size: .9em; font-weight: bold; text-decoration: none;
	color: #366d7c; display: inline-block; padding-bottom: 2px; margin-bottom: 4px; border-bottom: 2px solid #fff;
}
#sendoptions ul.send-options a:active, #sendoptions ul.send-options a:hover {
	color: #49929e; border-bottom: 2px solid #366d7c;
}
#sendoptions ul.send-options a.send-option, #sendoptions ul.send-options a.send-option:visited, #sendoptions ul.send-options a.send-option:link {
	border-bottom: 2px solid #cce2ef;
}

#sendoptions ul { margin: 0px 0px 0px 0px; padding-left: 40px; list-style: none; }
#sendoptions ul li { margin-bottom: 4px; }
#sendoptions ul li.sms-message-row { margin-bottom: 4px; margin-left: 44px; }
#sendoptions ul li.sms-send-row { margin: 8px 0px 0px 43px; }

/* sms fields */
#send-form { display: none; }

#smsoptions { padding-top: 8px; padding-bottom: 4px; font-size: .8em; }
#smsoptions .sms-label { display: inline-block; width: 40px; }
#smsoptions .sms-from, #smsoptions .sms-country, #smsoptions .sms-country-code, #smsoptions .sms-cell-phone, #smsoptions .sms-message {
	padding: 2px 2px 1px 2px; font-size: .9em;
	border: 1px solid #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#smsoptions .sms-country { padding: 2px 2px 2px 0px; }
#smsoptions .sms-country-code { display: inline-block; width: 40px; height: 16px; vertical-align: top; padding: 2px 2px 1px 3px; }
#smsoptions .sms-message { width: 409px; height: 50px; }
#smsoptions .sms-grey { font-style: italic; color: #999; }

#smsoptions .sms-message-length { font-size: .9em; color: #666; }

#smsoptions .sms-close { float: right; }
#smsoptions .sms-progress { float: right; margin-right: 370px; display: none; }
#smsoptions .sms-result { display: none; padding-left: 12px; font-weight: bold; color: #366d7c; }
#smsoptions .sms-error { color: #ff3400; }

.safari #smsoptions .sms-country-code { vertical-align: middle; margin-top: -3px; padding-bottom: 2px; }
.safari #smsoptions .sms-cell-phone { padding-bottom: 2px; }

.ie #smsoptions .sms-country-code { padding-bottom: 2px; }
.ie #smsoptions .sms-cell-phone { padding-bottom: 2px; }

.ff2 #smsoptions .sms-country-code { display: inline; }

/* ******************************
 * Main
 * ****************************** */

#container {
	margin-right: -305px;
	float: left;
}

/* progress */

#steps {
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
	background-color: #fff; height: 70px;
}

#steps ul { margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; }
#steps ul li { display: inline-block; vertical-align: top; margin-top: 5px; }

#steps .steps-title { width: 274px; padding-left: 16px; }
#steps .steps-title .steps-title-large { display: block; font-size: 1.6em; padding-top: 4px; }
#steps .steps-title .steps-title-small { display: block; font-size: .9em; margin-top: -2px; }

#steps .step-01 { width: 140px; padding-top: 10px; }
#steps .step-02 { width: 190px; padding-top: 10px; }

#steps .step-number {
	display: inline-block; float: left; width: 29px; height: 37px; font-size: 1.7em; font-weight: bold; padding-left: 11px; padding-top: 3px;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; color: #fff; background-color: #71b4c6; margin-right: 6px;
}
#steps .step-02 .step-number { width: 28px; padding-left: 12px; }

#steps .step-01 .steps-title-large, #steps .step-02 .steps-title-large {
	display: block; font-weight: bold;
}
#steps .step-01 .steps-title-small, #steps .step-02 .steps-title-small {
	display: block; font-size: .8em; margin-top: 1px;
}

.mac .step-01 .step-number { width: 24px; padding-left: 16px; line-height: 1.4em; }
.mac .step-02 .step-number { line-height: 1.4em; }

/* map */

#gmap {
	width: 655px; height: 305px;
}

.ginfo { font-family: arial; font-size: .9em; line-height: 1.5em; display: block;  }
.ginfo b { margin-bottom: -2px; margin-right: 12px; }
.ginfo ul { margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; }
.ginfo ul li { display: inline-block; margin-right: 6px; }

.ginfo ul li a.send-sms, .ginfo ul li a.send-sms:link, .ginfo ul li a.send-sms:visited {
	padding-left: 6px; padding-right: 6px; vertical-align: top; padding-top: -2px; margin-top: -2px; line-height: 16px;
	font-weight: bold; text-decoration: none; color: #fff; background-color: #71b4c6; font-size: 0.8em;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; height: 16px; text-align: center;
}
.ginfo ul li a.send-sms:active, .ginfo ul li a.send-sms:hover { color: #366d7c; background-color: #cce2ef; }

.ginfo .text { display: block; margin-bottom: 2px; }
.ginfo .gts { font-size: .9em; color: #666; display: block; }
.ginfo .gzoom { font-size: .9em; color: #333; float: right; margin-right: 12px; display: inline-block; }

.ginfo .gzoom a, .ginfo .gzoom a:link, .ginfo .gzoom a:visited {
	font-weight: bold; text-decoration: none; color: #fff; background-color: #71b4c6;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; width: 18px; height: 16px; text-align: center;
}
.ginfo .gzoom a:active, .ginfo .gzoom a:hover { color: #366d7c; background-color: #cce2ef; }

.ginfo .gzoom a.gzout { line-height: 1.0em; vertical-align: middle; margin-right: 2px; }
.ginfo .gzoom a.gzin { line-height: 1.3em; vertical-align: middle; margin-left: 2px; }

/* actions */

#actions { padding-top: 8px; }
#actions a, #actions a:link, #actions a:visited {
	text-decoration: none; font-size: .8em; color: #fff; background-color: #49929e;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 1px 10px 1px 10px;
}
#actions a:active, #actions a:hover { color: #366d7c; background-color: #cce2ef; }

#actions a.find-me, #actions a.find-me:link, #actions a.find-me:visited {
	display: none;
	/* margin-top: 1px; margin-right: 18px;
	background-color: #fff; color: #49929e; font-weight: bold; padding-bottom: 4px; padding-top: 2px; border: 1px solid #49929e; */
}
#actions a.find-me:active, #actions a.find-me:hover { /* color: #fff; background-color: #49929e; border: 1px solid #fff; */ }

#actions a.show-pin, #actions a.show-me { margin-left: 8px; margin-top: 2px; }

#map-progress, #map-alert {
	position: absolute; left: -3000px; z-index: 100000; display: none; width: 300px;
	padding: 24px 20px 20px 20px; font-size: .8em; line-height: 1.1em; color: #fff; background-color: #366d7c;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: left;
}

#map-progress .find-location { float: right; margin-top: -6px; margin-right: 4px; }
#map-progress .searching-location { font-weight: bold; font-size: 1.4em; margin-bottom: 8px; display: inline-block }
#map-progress .share-location { width: 260px; display: inline-block; }

#map-alert { font-size: 0.95em; }
#map-alert span { display: block; margin-bottom: 8px; font-weight: bold; }

#map-alert a, #map-alert a:visited, #map-alert a:link {
	float: right; text-decoration: none; font-size: .8em; color: #fff; background-color: #49929e;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 1px 10px 2px 10px;
}
#map-alert a:hover, #map-alert a:active { color: #366d7c; background-color: #cce2ef; }

/* search */
#street-search { display: block; margin-top: 4px; }
#street-search img { display: none; vertical-align: middle; }

#street-search input {
	margin-bottom: 8px; padding: 0px 2px 0px 2px; border: 1px solid #71b4c6;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; width: 140px; font-size: 0.8em;
}
#street-search input.address-grey { font-style: italic; color: #999; }

#street-results { display: none; background-color: #fff; font-size: 0.8em; padding: 4px 18px 4px 18px; }
#street-results div { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e8f2f8; margin: 4px 18px 4px 4px; padding: 6px 8px 6px 8px; }
#street-results .search-results-title { color: #366d7c; font-size: 1.1em; font-weight: bold; display: inline-block; margin-bottom: 2px; }

#street-results ul { list-style: none; margin: 0px 0px 0px 0px; padding-left: 0px; }
#street-results ul li { cursor: pointer; color: #1a1a1a; padding: 1px 12px 0px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right: 28px; }
#street-results ul li span { display: inline-block; }

/* rounded corners */

#roundedcorners {
	background-color: #fff; height: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
}

/* wizi text */

#wizitext { font-size: 1.6em; vertical-align: top; display: inline-block; margin: 31px 0px 0px 18px; line-height: 0.8em; }
#wizitext span { font-size: 0.6em; }

.ff2 #wizitext { display: inline; }

/* ******************************
 * Sidebar
 * ****************************** */

#sidebar { width: 275px; float: right; font-size: .9em; }

#sidebar ul.why-join {
	margin: 0px 0px 0px 0px; padding: 8px 18px 8px 18px; list-style: none;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	color: #474747; background-color: #ffffff;
}
#sidebar ul.why-join li { font-weight: bold; border-bottom: 1px dashed #b8dae3; font-size: 1.0em; padding: 6px 0px 6px 0px; }
#sidebar ul.why-join li.why-join { font-weight: bold; border-bottom: none; font-size: 1.4em; color: #366d7c; }
#sidebar ul.why-join .personal-link { display: inline-block; font-size: 1.05em; color: #366d7c; }

#sidebar ul.why-join li.join-wizi { border-bottom: none; font-size: 1.2em; text-align: center; padding: 18px 0px 10px 0px; }
#sidebar ul.why-join li.join-wizi a, #sidebar ul.why-join li.join-wizi a:link, #sidebar ul.why-join li.join-wizi a:visited {
	text-decoration: none; color: #fff; background-color: #49929e;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px 24px 4px 24px;
}
#sidebar ul.why-join li.join-wizi a:active, #sidebar ul.why-join li.join-wizi a:hover {
	color: #366d7c; background-color: #cce2ef;
}

/* ******************************
 * Join Wizi Form
 * ****************************** */

#join {
	padding: 18px 18px 24px 32px; display: none; font-size: 0.9em; color: #474747; background-color: #ffffff;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#join .join-title { font-weight: bold; font-size: 1.4em; color: #366d7c; display: block; margin-bottom: 6px; }
#join .text-field {
	width: 200px; margin-bottom: 8px; padding: 2px 2px 2px 2px; border: 1px solid #71b4c6;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#join .wizi-domain { font-size: 1.2em; color: #366d7c; display: inline-block; width: 64px; height: 16px; }
#join .username { width: 132px; }

#join .wiziname-progress { margin-left: 182px; display: none; position: absolute; z-index: 100; margin-top: -27px; }
#join .nameverify-message, #join .wiziname-message, #join .wizipwd-message, #join .pwdverify-message, #join .emailverify-message {
	font-size: .9em; display: inline-block; margin-top: -27px;
	margin-left: 76px; width: 120px; text-align: right; position: absolute;
}

#join .join-progress { display: none; vertical-align: top; }

/* safari - for both safari and chrome */
.safari #join .text-field { height: 16px; }
.safari #join .wiziname-progress { margin-top: 3px; margin-left: -28px; }
.safari #join .nameverify-message, .safari #join .wiziname-message,
		.safari #join .wizipwd-message, .safari #join .pwdverify-message, .safari #join .emailverify-message {
	margin-top: 3px; margin-left: -130px;
}

/* firefox on mac */
.mac #join .nameverify-message, .mac #join .wiziname-message,
		.mac #join .wizipwd-message, .mac #join .pwdverify-message, .mac #join .emailverify-message {
	margin-top: -25px;
}

/* safari on mac */
.safari.mac #join .nameverify-message, .safari.mac #join .wiziname-message,
		.safari.mac #join .wizipwd-message, .safari.mac #join .pwdverify-message, .safari.mac #join .emailverify-message {
	margin-top: 5px;
}

/* ******************************
 * Profile
 * ****************************** */

#profile {
	padding: 18px 24px 24px 24px; display: none; font-size: .9em; color: #474747; background-color: #e8f2f8;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#profile a.wiziusr, #profile a.wiziusr:visited, #profile a.wiziusr:link { text-decoration: none; font-size: 1.1em; color: #366d7c; }
#profile a.wiziusr:active, #profile a.wiziusr:hover { color: #224450; }

#profile a.profile-edit, #profile a.profile-edit:visited, #profile a.profile-edit:link { text-decoration: none; font-size: .8em; color: #366d7c; }
#profile a.profile-edit:active, #profile a.profile-edit:hover { color: #224450; }

/* avatar */ /* 49929e */ /* 71b4c6 */
#profile .avatar-icon { float: right; display: inline-block; width: 48px; }
#profile .avatar-container {
	background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	padding: 6px 0px 4px 0px; display: block; margin-bottom: 4px; text-align: center;
}

#profile a.change-avatar, #profile a.change-avatar:visited, #profile a.change-avatar:link {
	background-color: #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 0px 2px 0px; display: block; text-align: center; color: #fff;
}
#profile a.change-avatar:active, #profile a.change-avatar:hover, #profile a.cn-edit-controls a:active, #profile a.cn-edit-controls a:hover {
	background-color: #49929e; color: #fff;
}

#profile .avatar-changer-popup {
	position: absolute; z-index: 50000px; display: none; background-color: #dfedf5; padding: 4px 4px 4px 4px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; opacity: 0.0;
}
#profile .avatar-changer-popup ul {
	display: none; list-style: none; margin: 0px 0px 0px 0px; padding-top: 4px; padding-left: 4px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#profile .avatar-changer-popup ul li {
	display: inline-block; border: 2px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin: 4px 4px 4px 4px; padding: 4px 6px 2px 6px; background: #fff;
}
#profile .avatar-changer-popup ul li.selected-avatar { border-color: #49929e; }
#profile .avatar-changer-popup ul li img { cursor: pointer; }

#profile .avatar-changer-popup ul li.cancel-avatar {
	border-width: 0px; background-color: #dfedf5; padding: 3px 0px 0px 0px; display: inline-block; width: 48px;
}
#profile .avatar-changer-popup ul li.cancel-avatar img { cursor: default; display: inline-block; margin: 0px 0px 0px 16px; display: none; }

#profile li.cancel-avatar a, #profile li.cancel-avatar a:link, #profile li.cancel-avatar a:visited {
	background-color: #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px 2px 10px;
	display: block; text-align: center; position: relative; top: 3px; color: #fff;
}
#profile li.cancel-avatar a:active, #profile li.cancel-avatar a:hover { background-color: #49929e; color: #fff; }

/* name */
#profile .profile-welcome { display: block; margin-bottom: 2px; }
#profile .cn-edit-controls { display: none; margin-bottom: 8px; }
#profile .cn-edit-controls input {
	width: 150px; padding: 2px 2px 2px 2px; margin-bottom: 4px;
	border: 1px solid #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#profile .cn-edit-controls a, #profile .cn-edit-controls a:visited, #profile .cn-edit-controls a:link,
#profile .info-edit-controls a, #profile .info-edit-controls a:visited, #profile .info-edit-controls a:link {
	background-color: #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	padding: 2px 6px 2px 6px; display: inline-block; text-align: center; margin-right: 4px; color: #fff;
}
#profile .cn-edit-controls a:active, #profile .cn-edit-controls a:hover,
#profile .info-edit-controls a:active, #profile .info-edit-controls a:hover {
	background-color: #49929e; color: #fff;
}

#profile .cn-edit-controls img, #profile .info-edit-controls img { vertical-align:middle; display: none; }

/* message */
#profile .status-message { margin-top: 8px; display: block }
#profile .status-message .message-text { display: block; margin-bottom: 2px; }

#profile .info-edit-controls { display: none; margin-bottom: 8px; }
#profile .info-edit-controls textarea {
	width: 220px; height: 64px; padding: 2px 2px 2px 2px; margin-bottom: 4px; font-size: 0.9em;
	border: 1px solid #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

/* visibility */
#profile .status-visibility input { background-color: #e8f2f8; border-width: 0px; width: 50px; font-size: 0.9em; }
#profile .profile-visibility-progress { vertical-align: middle; display: none; }

/* sms credit */
#profile #sms-credit { display: block; margin-top: 12px; }
#profile #sms-credit p { display: inline-block; margin-top: 4px; }
#profile #sms-credit span { font-size: 1.1em; color: #366d7c; }
#profile #sms-credit .buy-button { float: right; display: inline-block; }
#profile #sms-credit .buy-button img { border: none; }

/* ******************************
 * Devices
 * ****************************** */

#devices {
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	background-color: #fff; height: 150px; margin-top: 18px; padding: 12px 18px 8px 18px;
}
#devices .devices-title {
	font-weight: bold; font-size: 1.2em; color: #366d7c; display: block; margin-bottom: 6px;
}

#devices ul { margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; width: 260px; height: 125px; overflow: hidden; }
#devices ul li { display: inline-block; margin-right: 12px; position: relative; }

#devices img { border: none; }

/* ******************************
 * Stories
 * ****************************** */

#stories { clear: both; text-align: center; padding-top: 8px; }
#stories object { margin-top: 12px; }

/* ******************************
 * Footer
 * ****************************** */

#footer { height: 100px; text-align: center; margin-top: 18px; }
#footer ul { margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; }
#footer ul li { display: inline-block; }
#footer ul li.spacer { color: #49929e; }

#footer a, #footer a:visited, #footer a:link { color: #366d7c; text-decoration: none; font-size: .8em; }
#footer a:hover, #footer a:active { color: #49929e; text-decoration: underline; }

/* ******************************
 * Buy Options
 * ****************************** */

#buy-options {
	display: block; position: absolute; top: -500px; z-index: 400000; background-color: #e8f2f8;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 20px 20px 20px 20px;
}
#buy-options ul { margin: 0px 0px 0px 0px; padding-left: 0px; list-style: none; }
#buy-options ul li { display: inline-block; }
#buy-options ul li div { font-size: 0.9em; padding-left: 8px; margin-bottom: 8px; }

#buy-options .buy-msg { display: none; }

#buy-options .buy-close, #buy-options .buy-close:visited, #buy-options .buy-close:link {
	float: right; text-decoration: none; color: #fff; font-size: 0.9em; display: inline-block; margin-top: 4px; margin-right: 0px;
	background-color: #71b4c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px 2px 10px; display: block; text-align: center;
}
#buy-options .buy-close:active, #buy-options .buy-close:hover {
	background-color: #49929e; color: #fff;
}

#buy-options .with-paypal {
	font-size: 0.8em; background-color: #fff; margin-top: 12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px 8px 4px 8px;
}

#buy-options .with-paypal span { display: block; margin-bottom: 8px; }

#payframe {
	display: none; position: absolute; top: 0px; left: 0px; background-image: url('/images/translucent-b60.png');
	padding-left: 40px; z-index: 50000000;
}
#payframe .cancel-paypal { display: block; height: 40px; text-align: right; }
#payframe .cancel-paypal a {
	cursor: pointer; background-color: #xxx padding: 1px 12px 1px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 1.2em; background-color: #49929e; color: #fff;	
}
#payframe iframe { -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* #buy-options { display: none; } */

/* --------------------------------------------------------------------------------------------------------- */
/* -------- Firefox 2.0 ------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------- */

/* ******************************
 * Top Navigation
 * ****************************** */

.ff2 #header .logo { display: inline; float: left; }
.ff2 #header .topnav, #header .topnav .logged-out, #header .topnav .logged-in li { display: inline; }

.ff2 #header .topnav a.about-wizi { margin-bottom: 4px; }

.ff2 #header .topnav .logged-out li {
	padding: 4px 0px 4px 0px;
}


/* ******************************
 * Send Options
 * ****************************** */

.ff2 #sendoptions ul.send-options li { display: inline;}
.ff2 #sendoptions ul.send-options a, #sendoptions ul.send-options a:visited, #sendoptions ul.send-options a:link { display: inline; }

/* ******************************
 * Main
 * ****************************** */

.ff2 #steps, #roundedcorners { width: 655px; }
.ff2 #steps ul li { display: inline; }

.ff2 #tokenurl, #sendoptions { width: 615px; }
/* .ff2 #actions { width: 619px; } */

/* ******************************
 * Join Wizi Form
 * ****************************** */

.ff2 #join .wiziname-progress { margin-top: 4px; margin-left: -28px; }
.ff2 #join .nameverify-message, .ie7 #join .wiziname-message,
		.ie7 #join .wizipwd-message, .ie7 #join .pwdverify-message, .ie7 #join .emailverify-message {
	margin-top: 4px; margin-left: -130px;
}

.ff2 #join .create-account { width: 140px; }

/* ******************************
 * Devices
 * ****************************** */

.ff2 #devices ul { overflow: hidden; clip: rect(0px,260px,125px,0px); position: absolute; }
.ff2 #devices ul li { display: inline; }

/* ******************************
 * Footer
 * ****************************** */

.ff2 #footer ul li { display: inline; }

/* EOF */