﻿/* ==================================================================
SCREEN STYLESHEET
NUTSHELLMAIL
---------------------------------------------------------------------
AUTHOR(S): AARON@METHOD21.NET (JUN 2009)

=====================================================================
COLOR TABLE
---------------------------------------------------------------------
BACKGROUND: #E7EDFF
===================================================================== */
		
/* GLOBALS
===================================================================== */
body {
	margin: 0;
	padding: 0;
	background: #E7EDFF url(/images/634157619318450000/sprites-backgrounds.gif) repeat-x left -560px;
	font: normal .77em  Arial, Lucida Sans Unicode, "Lucida Grande", Helvetica, sans-serif;
	text-align: center;
}
em, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
}
a {
	overflow: hidden;
	color: #013467;
}
a img {
	border: 0;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
h1 {
	font-size: 16pt;    
	line-height:1;
	margin:.5em 0;
}
h2 {
    font-size: 12pt;   
	font-size:1.5em;
	padding-bottom: 10px;
	margin: 7px 0;
}

h3 {
	font-size: 1.3em;
	line-height: 1.25;
	margin: .75em 0;
}
h4 {
    margin: .5em 0;
}
h5 {
	font-size:1em;
	font-weight:700;
	margin:1.5em 0;
}
h6 {
	font-size:1em;
	font-weight:700;
}
ol {
	list-style-type:decimal;
}
ul {
    line-height: 1.5;   
}
label {
	font-weight:bold;
}
p,dl {
	margin: 1em 0;
}
.resetList, .resetList li ul {
	margin: 0;
	padding: 0;
}
.resetList li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}
.displayNone {
	display: none;
}
.clear, .clearBoth {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.displayNone {
	display: none;
}
.displayBlock {
	display: block;
}
.overflowHidden {
	overflow: hidden;
}
/*.offLeft {
    display: block;
    position: absolute;
    left: -9999px;   
}*/
.notice {
    color: #000;
    text-align: center;
    background: #FF9;
    border: solid 1px #FC9;
}
.last  {
	margin-left: 0;
	margin-right: 0;
}
th {
	text-align:center;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

/* LAYOUT
===================================================================== */
#wrapper {
	width: 960px;
	padding: 87px 10px 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#logo {
	width: 208px;
	height: 45px;
	background: url(/images/634157619318450000/nsm-navstd.png) no-repeat right top;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 25px;
	left: 10px;
}
#bodyContent h1 {
    line-height: 1.5;
    text-transform: capitalize;  
}
#bodyContent .meta {
    color: #444;
    padding-bottom: 15px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 0;
}

/* STANDARD FORM STYLES
===================================================================== */
.standardForm {
	
}
.standardForm label {
	width: 110px;
	display: block;
	float: left;
	text-align: right;
	padding: 5px 0 0;
}
.standardForm label.error {
	float: none;
	margin: -7px 0 0 106px;
	padding: 0 0 5px;
	background: transparent;
	color: #C00;
	border: none;
	width: auto;
	text-align: left;
}
.standardForm input, .standardForm textarea {
	font-family: inherit;
	padding: 2px;
	margin: 5px 0 5px 7px;
	border: solid 1px #3F84CA;
	width: 250px;
	color: #000;
}
.standardForm .email {
	width: 250px;
}
.standardForm input.text:focus, .standardForm textarea:focus {
	background: #FFF;
}
.standardForm .sendButton, .sendButton {
	background: url(/images/634157619318450000/btn-send.gif) no-repeat left top;
	margin: 0 0 0 116px;
}
.standardForm .sendButton:hover {
	background: url(/images/634157619318450000/btn-send.gif) no-repeat left -32px;
}

/* LOGIN PAGE
===================================================================== */
.panelTwoUp {
	padding: 12px;
	width: 47%;
	float: left;
}
.panelTwoUp label {
	width: 60px;
	text-align: left;
	padding: 7px 0 0;
}
.panelTwoUp input {
	width: 250px;
	padding: 5px;
}
.panelTwoUp .rememberMe input {
    border: none;
    width: auto !important;
}
#rememberButtons {
    float: right;
    width: 49%;
    font-size: 9pt;
}
#rememberButtons p {
    margin: 2px;
}
#rememberButtons label {
    text-align: left;
    width: 100px;
}
.panelTwoUp input.loginButton {
	margin: 0 0 0 69px;
}
#invitationRequestForm label{
    float: left;
    width: auto;       
    text-align: left;
}
#invitationRequestForm label.error{
    margin: 0 0 0 40px;
}
#invitationRequestForm input {
    float: left;
}
#invitationRequestForm .sendButton {
    float: right;
    margin: 5px;
}
/* BUTTONS (GLOBAL)
===================================================================== */
#bodyContent input.inputButton, .regBox .inputButton, body input.inputButton { /* TWEAK IE6, IE7 */
	border: none;
	cursor: pointer;
	display: block;
    width: 96px;
    height: 32px;
	text-indent: -9999px;
	overflow: hidden; /* KILL DOTTED LINES IN FF */
}
.closeWindowButton {
	background: url(/images/634157619318450000/btn-close.gif) no-repeat left top;
	margin: 20px 0 0 95px;
	border: none;
	display: block;
    width: 96px;
    height: 32px;
	text-indent: -9999px;

/* CENTERING */
	position: absolute;
	margin-left: -60px;
	left: 50%;
}
.closeWindowButton:hover {
	background: url(/images/634157619318450000/btn-close.gif) no-repeat left -32px;
}
.launchButton {
	background: url(/images/634157619318450000/btn-launch.gif) no-repeat left top;
	margin: 0 0 0 95px;
	border: none;
	display: block;
    width: 96px;
    height: 32px;
	text-indent: -9999px;
}
.launchButton:hover {
	background: url(/images/634157619318450000/btn-launch.gif) no-repeat left -32px;
}
.deleteButton {
	background: url(/images/634157619318450000/btn-delete.gif) no-repeat left top;
}
.deleteButton:hover {
	background: url(/images/634157619318450000/btn-delete.gif) no-repeat left -34px;
}
.loginButton {
	background: url(/images/634157619318450000/btn-login.gif) no-repeat left top;
}
.loginButton:hover {
	background: url(/images/634157619318450000/btn-login.gif) no-repeat left -32px;
}
.deleteButtonMini {
	background: url(/images/634157619318450000/icon-trash.gif) no-repeat left top;
	width: 20px;
	height: 24px;
	margin: 0 auto;
}
input.inputButton.add {
	width: 60px;
}
a.bbSignUpButton { /* SEE IE6 */
	background: transparent url(/images/634157619318450000/account_button_white.gif) no-repeat left -32px;
	text-indent: -9999px;
	display: block;
	width: 176px;
	height: 32px;
	color: #FFF;
	text-decoration: none;
	position: relative;
	top: 20px;
	margin: 0 25px 0 0;
	float: left;
}
a.bbSignUpButton:hover {
	background: transparent url(/images/634157619318450000/account_button_white.gif) no-repeat left 0;
}
a.facebookBadge {
    width: 144px;
    height: 44px;
    background: url(/images/634157619318450000/providers/facebook/find_us_on_facebook_badge.gif) no-repeat left top;
    display: block;
    text-indent: -9999px;
    float: left;
    margin-top: 10px;
}
/* NAVIGATION
===================================================================== */
#nav {
	position: absolute;
	top: 60px;
	right: 0;
}
#nav li {
	float: left;
	width: auto;
	margin: 0 6px;
}
#nav li a {
	display: block;
	text-transform: uppercase;
	color: #013467;
	text-decoration: none;
}
#nav li a:hover {
	color: #3f84CA;
}

/* LOGIN
===================================================================== */
#loginControls {
	position: absolute;
	top: 10px;
	right: 0;
	width: 175px;
}
#loginControls li {
	width: auto;
	float: left;
}
#loginControls li a {
	display: block;
	width: 85px;
	height: 25px;
	text-indent: -9999px;
}
#loginControls li.floatingSignup a { background: url(/images/634157619318450000/sprites-interface.png) no-repeat left -550px; }
#loginControls li.floatingLogin a { background: url(/images/634157619318450000/sprites-interface.png) no-repeat -85px -550px; }

#logoutControls {
	position: absolute;
	top: 10px;
	right: 8px;
	width: 85px;
}
#logoutControls li {
    width: auto;      
}
#logoutControls li a {
    width: 83px;
    height: 22px;
    display: block;
    background: url(/images/634157619318450000/sprites-interface.png) no-repeat -342px -550px;
    text-indent: -9999px;
}
#itsFree {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat left -590px;
	text-indent: -9999px;
	display: block;
	width: 111px;
	height: 111px;
	position: absolute;
	right: -30px;
	top: 130px;
}
/* BILLBOARD
===================================================================== */
#billboard {
	background: url(/images/634157619318450000/sprites-backgrounds.gif) repeat-x left top;
	min-height: 350px;
	clear: both;
	color: #FFF;
	padding-top: 7px;
}
/* SLIDE PAGERS */
/*#billboard ul#controllers {
	width: 435px;
	position: absolute;
	top: 371px;
	right: 10px;
	z-index: 50;
}
#billboard ul#controllers li {
	float: left;
	width: auto;
	margin-right: 5px;
	text-indent: -9999px;
}
#billboard ul#controllers li a {
	width: 140px;
	height: 65px;
	display: block;
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat;
}
#billboard ul#controllers li.last {
	border: none;
}*/

/* GET YOUR SPRITE ON */
/*
#billboard ul#controllers li.schedule a { background-position: -144px -347px; }
#billboard ul#controllers li.schedule a:hover, #billboard ul#controllers li.schedule a.activeSlide { background-position: -144px -416px; }

#billboard ul#controllers li.manage a { background-position: 0 -347px; }
#billboard ul#controllers li.manage a:hover, #billboard ul#controllers li.manage a.activeSlide { background-position: 0 -416px; }

#billboard ul#controllers li.inbox a { background-position: -288px -347px; }
#billboard ul#controllers li.inbox a:hover, #billboard ul#controllers li.inbox a.activeSlide { background-position: -288px -416px; }
*/
/* SUBTLE SLIDE PAGER DOTS */
#billboard ul#controllers2 {
	width: 50px;
	position: absolute;
	top: 345px;
	right: 10px;
	z-index: 50;
}
#billboard ul#controllers2 li {
	float: left;
	width: auto;
	margin-right: 5px;
	text-indent: -9999px;
}
#billboard ul#controllers2 li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #369;
}
#billboard ul#controllers2 li.schedule a:hover, #billboard ul#controllers2 li.schedule a.activeSlide { background-color: #E7EDFF; }
#billboard ul#controllers2 li.manage a:hover, #billboard ul#controllers2 li.manage a.activeSlide { background-color: #E7EDFF; }
#billboard ul#controllers2 li.inbox a:hover, #billboard ul#controllers2 li.inbox a.activeSlide { background-color: #E7EDFF; }

/* BILLBOARD MESSAGE */
#billboard .feature {
	float:left;
	width: 400px;
	margin: 0 30px 0 30px;
	height: 280px;
	border: none;
}
#billboard #decideSchedule .feature {
	background: url(/images/634157619318450000/sprites-feature.png) no-repeat left top;
}
#billboard #socialMedia .feature {
	background: url(/images/634157619318450000/sprites-feature.png) no-repeat left -340px;
}
#billboard #manageAccounts .feature {
	background: url(/images/634157619318450000/sprites-feature.png) no-repeat left -650px;
}
#billboard .message {
	width: 460px;
	float: left;
	margin: 30px 0 0;
}
#billboard p {
	line-height: 1.2;
	font-size: 10pt;
}
#billboard .message h2 {
	margin: 0;
	font-size: 18pt;
	font-weight: bold;
	height: 54px;
	color: #F93;
}
#billboard .message h3 {
	margin: 0;
	font-size: 16pt;
}
#internalBillboard {
    background: #369 url(/images/634157619318450000/sprites-banners.gif) no-repeat left top;   
    color: #FFF;
    padding: 15px 10px;
    height: 70px;
    padding: 15px 10px;
    margin-bottom: 20px;
    position: relative;
}
#internalBillboard h1 {
    margin: 0;   
    position: absolute;
    top: 35px;
    left: 20px;
    height: 40px;
}

a.joinNowInternal {
	text-indent: -9999px;
	display: block;
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -545px -264px;
	width: 152px;
	height: 78px;
	position: absolute;
	top: 16px;
	right: 40px;
}

a.updateNowInternal {
	text-indent: -9999px;
	display: block;
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -380px -264px;
	width: 152px;
	height: 78px;
	position: absolute;
	top: 16px;
	right: 40px;
}

a.joinNow {
	text-indent: -9999px;
	display: block;
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -184px -643px;
	width: 210px;
	height: 40px;
	position: absolute;
	top: 300px;
 	left: 470px;
	z-index: 49;
}
a.joinNow:hover {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -184px -603px;
}

#benefits {
    color: #333;
    clear: both;
    font-family: Arial,sans-serif;
    padding: 0 30px;
}
#benefits li {
    width: 275px;
    float: left;
    border-right: solid 1px #FFF;
    border-left: solid 1px #CCC;
    padding: 0 10px;
}
#benefits li h2 {
    color: #234d79;   
    margin: 0;
    padding: 0;
    font-size: 11pt;
}
#benefits li p {
    margin: 4px 0;
}
#benefits .first {border-left: none;}
#benefits .last {border-right: none;}

/* BODY CONTENT
===================================================================== */
#contentWrapper { /* WHITE AREA AROUND CONTENT */
    background: #FFF;
}
#buckets {
    overflow: auto;
    margin: 0 0 10px;
}
#buckets li {
    width: 265px;
    min-height: 300px;
    float: left;
    margin: 0 9px 0;
    padding: 10px;
    text-align: center;
}
#buckets li h3 {
    text-align: left;
    margin: 0;
    height: 61px;
    text-indent: -9999px;
}
#buckets li h4 {
    text-align: left;   
}
#buckets li p {
    text-align: left;   
}
#buckets li#facebook {
    border-top: solid 10px #7084AE;
    background: url(/images/634157619318450000/bucket-bkg-facebook.gif) repeat-x left top;
}
#buckets li#facebook h3 {
    background: url(/images/634157619318450000/bucket-logo-facebook.gif) no-repeat left top;
}
#buckets li#twitter {
    border-top: solid 10px #78AEB1;
    background: url(/images/634157619318450000/bucket-bkg-twitter.gif) repeat-x left top;
}
#buckets li#twitter h3 {
    background: url(/images/634157619318450000/bucket-logo-twitter.gif) no-repeat left top;
}
#buckets li#myspace {
    border-top: solid 10px #4B6EB2;
    background: url(/images/634157619318450000/bucket-bkg-myspace.gif) repeat-x left top;
}
#buckets li#myspace h3 {
    background: url(/images/634157619318450000/bucket-logo-myspace.gif) no-repeat left top;
}
#buckets a.showMe {
    display: block;
    margin: 15px auto;
    width: 200px;   
}
#bodyContent {
	color: #013467;
	margin: 0 20px 30px;
	padding-bottom: 30px;
}
#bodyContent.withSidebar {
	width: 680px;
	float: right;
}
#bodyContent h3 {
	margin: .9em 0;
}
#bodyContent blockquote.testimonial {
	margin: 0;
	padding: 0 15px 15px 0;
	background:  url(/images/634157619318450000/sprites-interface.png) no-repeat -467px -83px;
	font: italic 1em Arial,Helvetica,sans-serif;
}
#bodyContent blockquote.testimonial span {
	padding: 0 0 0 35px;
}
#col1 {
	width: 510px;
	float: left;
	margin: 0 20px 0 0;
}
#col2 {
	width: 390px;
	float: left;
}
/* AS SEEN IN */
ul#homePress {
	color: #444;
	margin: 35px 30px 35px;
}

#homePress li {
	line-height: 45px;
	margin: 0 20px 0 0;
	float: left;
	width: 119px;
}
#homePress li a {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat left top;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#homePress li.forbes a {
	background-position: left -737px;
}
#homePress li.pcworld a {
	background-position: left -840px;
}
#homePress li.mashable a {
	background-position: left -796px;
}
#homePress li.lifehacker a {
	background-position: -249px -737px;
}
#homePress li.cio a {
	background-position: -229px -793px;
}
#homePress li.techradar a {
	background-position: -249px -843px;
}
#homePressMore {
	padding: 22px 0 10px;
}

#screenshots {
	margin: 0 0 35px 80px;
}
#screenshots a {
	display: block;
	width: 118px;
	height: 120px;
	margin-right: 85px;
	float: left;
	text-indent: -9999px;
	outline: none;
	background: url(/images/634157619318450000/sprites-interface2.gif) no-repeat left top;
}
#screenshots a.facebook {
	background-position: 0 -375px;
}
#screenshots a.twitter {
	background-position: 0 -125px;
}
#screenshots a.myspace {
	background-position: 0 0;
}
#screenshots a.email {
	background-position: 0 -250px;
}
ul#featuresList {

}
#featuresList h4 {
	margin: 3px 0;
	font-size: 10pt;
}
#featuresList p  {
	margin: 3px 0;
	font-size: .87em;
}
#featuresList li {
	float: left;
	width: 200px;
	padding-left: 50px;
	margin: 0 5px 5px 0;
	font-size: .9em;
	min-height: 50px;
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat left top;
}
#featuresList li.secure { background-position: -820px -400px; }
#featuresList li.overload { background-position: -550px -830px; }
#featuresList li.workAccess { background-position: -555px -498px; }
#featuresList li.safeKids { background-position: -820px -730px; }
#featuresList li.interactive { background-position: -818px -572px; }
#featuresList li.allAccounts { background-position: -560px -658px; }

/*p.twitterSearch {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat right -346px;
	text-align: center;
	width: 390px;
	padding-right: 15px;
	margin-top: 150px;
}
p.twitterSearch a {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -460px -346px;
	display: block;
	line-height: 48px;
	outline: none;
	padding-left: 20px;
	text-decoration: none;
}*/
.joinNowSmall {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -535px -264px;
	width: 163px;
	height: 78px;
	text-indent: -9999px;
	display: block;
}

div.sslLogo {
	float: left;
	margin: 50px 10px 0;
}
div.fbFund {
	float: left;
	margin: 35px 10px 0;
}
.fbFund a {
	background: url(/images/634157619318450000/fbFund-60x60.png) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 60px;
}
div.poweredBy {
	float: left;
	margin: 60px 10px 0;
}
.poweredBy a {
	background: url(/images/634157619318450000/Powered-By-Logo_Small.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 41px;
	width: 120px;
}

/* INFO PAGES
===================================================================== */
/* TEAM MEMBERS, ABOUT PAGE*/
#about .twoColumn, #about .twoColumnLast {
	float: left;
	width: 310px;
	margin-right: 40px;
}
#about .twoColumnLast {
	margin-right: 0px;
}
.team {
	padding-top: 10px;
}
.team h3 {
	margin-bottom: 0.5em;
}
.team div{
	clear: both;
	margin-bottom: 20px;
}
.teamMember {
	float: left;
	margin-bottom: 10px;
}
.memberPic, .memberPicLg {
	background: gray;
	float: left;
}
.memberPic {
	width: 70px;
	height: 70px;
}
.memberPicLg {
	width: 98px;
	height: 98px;
	margin: 0 10px 0 0;
}
.memberInfo {
	width: 75%;
	float: right;
}
.memberInfo h3 {
	font-size: 11pt;
	margin: 0;
}
.memberInfo h4 {
	color: #555;
	font-size: 9pt;
	font-weight: normal;
	margin: 1pt 0;
}
/* SUPPORTED SERVICES
===================================================================== */
.service {
    border: solid 1px #EEE;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
    padding: 20px 30px 20px 110px;
    margin: 10px 0;
    background: #E7EDFF no-repeat -5px center;
    position: relative; 
}
.service  a {
    color: #F93;
    font-weight: bold;
}
.service a.icon {
    width: 95px;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;   
 }
.facebookSupport { background-image: url(/images/634157619318450000/supported-icon-fb.gif);}
.twitterSupport { background-image: url(/images/634157619318450000/supported-icon-twitter.gif);}
.myspaceSupport { background-image: url(/images/634157619318450000/supported-icon-myspace.gif);}
.linkedinSupport { background-image: url(/images/634157619318450000/supported-icon-linkedin.gif);}
.ningSupport { background-image: url(/images/634157619318450000/supported-icon-ning.gif);}
.emailSupport { background-image: url(/images/634157619318450000/supported-icon-email.gif);}

/* PRESSROOM & MEDIA SECTION
===================================================================== */
#pressList, #releaseList {
    margin-bottom: 25px;    
}
#pressList li, #releaseList li{
	margin: 0 0 10px;
}
#pressList h4, #releaseList h4 {
	margin: 5px 0 0;
	font-size: 9pt;
}
#pressList p, #releaseList p {
	padding-left: 30px;
	margin: 0;
}
#pressList p em, #releaseList p em {
	color: #888;
	font-style: normal;
}

#pressList a, #releaseList a {text-decoration: none;}
#pressList .details, #releaseList .details {padding-left: 0;}

a.pdfLink {
    background: url(/images/634157619318450000/icon-pdf-small.gif) no-repeat left center; 
    padding: 0 0 4px 20px;  
}
a.documentLink {
    background: url(/images/634157619318450000/icon-document-small.gif) no-repeat left top; 
    padding: 0 0 4px 20px;
}
a.videoLink {
    background: url(/images/634157619318450000/film.png) no-repeat left top; 
    padding: 0 0 4px 18px;  
}

ul#mediaScreenshots li{
     float: left;
     margin: 0 4px;
     border: solid 1px #69C;
}
#mediaScreenshots li a{
    float: left;
    display: block;
    width: 215px;
    height: 215px;
    text-indent: -9999px;
}
#mediaScreenshots .inbox {
    background: url(/images/634157619318450000/press/screenshot-inbox-web.gif) no-repeat left top;   
}
#mediaScreenshots .outlook {
    background: url(/images/634157619318450000/press/screenshot-outlook.gif) no-repeat left top;   
}
#mediaScreenshots .callout {
    background: url(/images/634157619318450000/press/screenshot-callout.gif) no-repeat left top;   
}
/* SIDE NAVIGATION GLOBALS
===================================================================== */
#sidebar {
    float: left;
    width: 220px;
    margin: 0 0 0 20px;
    padding: 40px 0 30px;
	background: url(/images/634157619318450000/sprites-sidebar.gif) no-repeat 206px top;
	min-height: 500px;
}
#sidebar h3 {
    margin: 0;
    text-align: center;   
}
#sidebar .sidebarModule {
    color: #555;
    padding: 0 20px 0 0;
    margin-bottom: 20px; 
    text-align: right;  
}
.sidebarModule h4 {
    font-size: 9pt;
    margin: 5px 0;   
}
.sidebarModule p {
    font-size: 8pt;
    line-height: 1.4;
    margin: 5px 0;
    color: #777;
}
ul#subNav {
	margin: 0 0 60px 0;
}
ul#subNav li {
	padding: 0;
	list-style: none;
    font-weight: bold;
}

ul#subNav li.first {

}
ul#subNav li.last {
	border-bottom: none;
}
/*ul#subNav li:hover, ul#subNav li.ieHover {
	background: #EFEFEF url(/images/634157619318450000/sprites-sidebar.gif) repeat-y -44px -101px;
}*/

ul#subNav li.selected { /* INDICATED */
	background: #E7EDFF url(/images/634157619318450000/sprites-sidebar.gif) no-repeat -42px -234px;
}

ul#subNav li.last a, ul#subNav li.last a:visited {
	border-bottom: none;
}
ul#subNav li a, ul#subNav li a:visited {
	color: #333;
	padding: 10px 5px 10px 40px;
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #CCC;
}
/* SELECTED STATES */
#privacy_security ul#subNav li.privacy,
#privacy_security-FAQ ul#subNav li.privacyFaq,
#privacy_security-policy ul#subNav li.privacyPolicy,
#privacy_security-safeguards ul#subNav li.safeguards,
#about ul#subNav li.about,
#about-team ul#subNav li.team,
#blog ul#subNav li.blog,
#about-contact ul#subNav li.contact,
#supported_services ul#subNav li.supported,
#supported_services-email ul#subNav li.email,
/*#supported_services-social_networks ul#subNav li.social,*/
#news ul#subNav li.pressroom,
/*#news-resources ul#subNav li.team,*/
#twitter ul#subNav li.twitter,
#myspace ul#subNav li.myspace,
#facebook ul#subNav li.facebook,
#ning ul#subNav li.ning,
#linkedin ul#subNav li.linkedin,
#supported_services-email ul#subNav li.email2,
#news-resources ul#subNav li.resources 
{background: #E7EDFF url(/images/634157619318450000/sprites-sidebar.gif) no-repeat -42px -233px;}

/* SECOND LEVEL LISTS */
ul#subNav ul {
    margin: 0;
    list-style: none;
    display: none;
 	padding: 0;
}
 /* MAKE SECOND LEVEL NAV DISPLAY ON PAGES THAT NEED IT */
/*#supported_services-social_networks ul#subNav ul,*/
#twitter ul#subNav ul,
#facebook ul#subNav ul,
#myspace ul#subNav ul 
{display: block;}
 
ul#subNav ul li {
	background: #EFEFEF url(/images/634157619318450000/sprites-sidebar.gif) no-repeat -44px -101px;
}
ul#subNav ul li a {
    background-image: none !important;
    font-size: 8pt;   
    font-weight: normal;
    border: none !important;
    padding: 5px 5px 7px 50px !important;
}
/* SELECTED STATES - SECOND LEVEL
#twitter ul#subNav li.twitter,
#myspace ul#subNav li.myspace,
#facebook ul#subNav li.facebook,
#supported_services-email ul#subNav li.email2 
{background: #E7EDFF url(/images/634157619318450000/sprites-sidebar.gif) no-repeat -42px -239px;}
 */
/* ACCOUNT SIDENAV
===================================================================== */
ul#subNav li.settings a{ background: url(/images/634157619318450000/sidebar/settings-up.gif) no-repeat 5px center; }
ul#subNav li.settings a:hover, ul#subNav li.settings a.active { background: url(/images/634157619318450000/sidebar/settings-ovr.gif) no-repeat 5px center; }

ul#subNav li.accounts a { background: url(/images/634157619318450000/sidebar/accounts-up.gif) no-repeat 5px center; }
ul#subNav li.accounts a:hover, ul#subNav li.accounts a.active { background: url(/images/634157619318450000/sidebar/accounts-ovr.gif) no-repeat 5px center; }

ul#subNav .times a { background: url(/images/634157619318450000/sidebar/times-up.gif) no-repeat 5px center; }
ul#subNav .times a:hover, ul#subNav li.times a.active { background: url(/images/634157619318450000/sidebar/times-ovr.gif) no-repeat 5px center; }

ul#subNav li.id a { background: url(/images/634157619318450000/sidebar/id-up.gif) no-repeat 5px center; }
ul#subNav li.id a:hover, ul#subNav li.id a.active { background: url(/images/634157619318450000/sidebar/id-ovr.gif) no-repeat 5px center; }

ul#subNav li.cancel a { background: url(/images/634157619318450000/sidebar/cancel-up.gif) no-repeat 5px center; border-bottom: none;  }
ul#subNav li.cancel a:hover, ul#subNav li.cancel a.active { background: url(/images/634157619318450000/sidebar/cancel-ovr.gif) no-repeat 5px center;}

/* PRIVACY SIDENAV
===================================================================== */
ul#subNav li.privacy a { background: transparent url(/images/634157619318450000/sidebar/privacy_statement.gif) no-repeat 5px 6px;}
ul#subNav .privacy a:hover, #privacy_security ul#subNav li.privacy a { background: url(/images/634157619318450000/sidebar/privacy_statement.gif) no-repeat 5px -50px; }

ul#subNav li.privacyFaq a { background: transparent url(/images/634157619318450000/sidebar/faq.gif) no-repeat 5px 6px; }
ul#subNav li.privacyFaq a:hover, #privacy_security-FAQ ul#subNav li.privacyFaq a { background: url(/images/634157619318450000/sidebar/faq.gif) no-repeat 5px -50px; }

ul#subNav li.privacyPolicy a { background: transparent url(/images/634157619318450000/sidebar/privacy_policy.gif) no-repeat 5px 6px; }
ul#subNav li.privacyPolicy a:hover, #privacy_security-policy ul#subNav li.privacyPolicy a { background: url(/images/634157619318450000/sidebar/privacy_policy.gif) no-repeat 5px -50px; }

ul#subNav li.safeguards a { background: transparent url(/images/634157619318450000/sidebar/security.gif) no-repeat 5px 6px; }
ul#subNav li.safeguards a:hover, #privacy_security-safeguards ul#subNav li.safeguards a { background: url(/images/634157619318450000/sidebar/security.gif) no-repeat 5px -50px; }

/* ABOUT SIDENAV
===================================================================== */
ul#subNav li.about a { background: transparent url(/images/634157619318450000/sidebar/about.gif) no-repeat 5px 6px;}
ul#subNav .about a:hover, #about ul#subNav li.about a { background: url(/images/634157619318450000/sidebar/about.gif) no-repeat 5px -50px; }

ul#subNav li.team a { background: transparent url(/images/634157619318450000/sidebar/team.gif) no-repeat 5px 10px;}
ul#subNav .team a:hover, #about-team ul#subNav li.team a { background: url(/images/634157619318450000/sidebar/team.gif) no-repeat 5px -46px; }

ul#subNav li.blog a { background: transparent url(/images/634157619318450000/sidebar/blog.gif) no-repeat 5px 6px;}
ul#subNav .blog a:hover, #blog ul#subNav li.blog a { background: url(/images/634157619318450000/sidebar/blog.gif) no-repeat 5px -50px; }

ul#subNav li.contact a { background: transparent url(/images/634157619318450000/sidebar/contact.gif) no-repeat 5px 6px;}
ul#subNav .contact a:hover, #about-contact ul#subNav li.contact a { background: url(/images/634157619318450000/sidebar/contact.gif) no-repeat 5px -50px; }

ul#subNav li.pressroom a { background: transparent url(/images/634157619318450000/sidebar/privacy_policy.gif) no-repeat 5px 10px; }
ul#subNav li.pressroom a:hover, #news ul#subNav li.pressroom a { background: url(/images/634157619318450000/sidebar/privacy_policy.gif) no-repeat 5px -46px; }

ul#subNav li.resources a { background: transparent url(/images/634157619318450000/sidebar/sidebar-icon-media.gif) no-repeat 5px 10px; }
ul#subNav li.resources a:hover, #news-resources ul#subNav li.resources a { background: url(/images/634157619318450000/sidebar/sidebar-icon-media.gif) no-repeat 5px -47px; }

ul#subNav li.help a { background: transparent url(/images/634157619318450000/sidebar/icon-help.gif) no-repeat 5px 10px; }
ul#subNav li.help a:hover, #about-help ul#subNav li.help a { background: url(/images/634157619318450000/sidebar/icon-help.gif) no-repeat 5px -46px; }

ul#subNav li.jobs a { background: transparent url(/images/634157619318450000/sidebar/icon-employment.gif) no-repeat 5px 10px; }
ul#subNav li.jobs a:hover, #about-jobs ul#subNav li.jobs a { background: url(/images/634157619318450000/sidebar/icon-employment.gif) no-repeat 5px -47px; }

/* SUPPORTED SIDENAV
===================================================================== */
ul#subNav li.supported a { background: transparent url(/images/634157619318450000/sidebar/supported.gif) no-repeat 5px 6px;}
ul#subNav .supported a:hover, #supported_services ul#subNav li.supported a { background: url(/images/634157619318450000/sidebar/supported.gif) no-repeat 5px -50px; }

ul#subNav li.email a { background: transparent url(/images/634157619318450000/sidebar/email_providers.gif) no-repeat 5px 6px;}
ul#subNav .email a:hover, #supported_services-email ul#subNav li.email a { background: url(/images/634157619318450000/sidebar/email_providers.gif) no-repeat 5px -50px; }

ul#subNav li.social a { background: transparent url(/images/634157619318450000/sidebar/social_networks.gif) no-repeat 5px 6px;}
ul#subNav .social a:hover,
/*#supported_services-social_networks ul#subNav li.social a,*/
ul#subNav li.myspace a {background: transparent url(/images/634157619318450000/sidebar/supported-sidebar.gif) no-repeat 6px -149px;}
ul#subNav li.myspace a:hover , #myspace ul#subNav li.myspace a {background: transparent url(/images/634157619318450000/sidebar/supported-sidebar.gif) no-repeat 6px 5px;}

ul#subNav li.facebook a {background: transparent url(/images/634157619318450000/sidebar/supported-sidebar.gif) no-repeat 6px -252px;}
ul#subNav li.facebook a:hover, #facebook ul#subNav li.facebook a {background: transparent url(/images/634157619318450000/sidebar/supported-sidebar.gif) no-repeat 6px -98px;}

ul#subNav li.twitter a {background: transparent url(/images/634157619318450000/sidebar/supported-sidebar.gif) no-repeat 6px -202px;}
ul#subNav li.twitter a:hover, #twitter ul#subNav li.twitter a {background: transparent url(/images/634157619318450000/sidebar/supported-sidebar.gif) no-repeat 6px -47px;}

ul#subNav li.ning a {background: transparent url(/images/634157619318450000/sidebar/ning.gif) no-repeat 6px 6px;}
ul#subNav li.ning a:hover, #ning ul#subNav li.ning a {background: transparent url(/images/634157619318450000/sidebar/ning.gif) no-repeat 6px -48px;}

ul#subNav li.linkedin a {background: transparent url(/images/634157619318450000/sidebar/linkedin.gif) no-repeat 6px 9px;}
ul#subNav li.linkedin a:hover, #linkedin ul#subNav li.linkedin a {background: transparent url(/images/634157619318450000/sidebar/linkedin.gif) no-repeat 6px -47px;}

/* PRESSROOM SIDENAV
===================================================================== */
/*
ul#subNav li.about a { background: transparent url(/images/634157619318450000/sidebar/about.gif) no-repeat 5px 6px;}
ul#subNav .about a:hover, #news ul#subNav li.about a { background: url(/images/634157619318450000/sidebar/about.gif) no-repeat 5px -50px; }
ul#subNav li.team a { background: transparent url(/images/634157619318450000/sidebar/team.gif) no-repeat 5px 6px;}
ul#subNav .team a:hover, #news-resources ul#subNav li.team a { background: url(/images/634157619318450000/sidebar/team.gif) no-repeat 5px -50px; }
*/

/* TWITTER LANDING PAGE */
#twitter .landingMeta {
    padding: 10px 345px 0 0;
    background: url(/images/634157619318450000/twitter-plus-nsm.gif) no-repeat right top;
    height: 75px;
}
#twitter #bodyContent {
    position: relative;
}
#twitter #blurb {
    background: url(/images/634157619318450000/twitter-bird-blurb.gif) no-repeat left top;
    width: 338px;
    height: 340px;
    text-indent: -9999px;
    float: left;
}
#twitter #messageUpdate {
    margin-top: 15px;
}

#twitter .caption { /* SEE IE6, IE7 */
    width: 235px;
    color: #333;
    position: absolute;
    top: 330px;
    left: 140px;
    font-weight: bold;
}
#twitter .supportedTeaser {
    float: left;
    width: 340px;
}
.caption h3 {
    color: #369;
    margin: 0;
    font-size: 10pt;
}
.caption li { /* LIST OF FEATURES */
    width: 110px;
    float: left;
}
#twitter input.invalid {
	border: solid 1px red;
	padding: 1px 0;
}
/* TWITTER QUICK REG FORM */
#twitterRegForm {
    text-align: left;
    padding: 30px 354px 30px 10px;
    background: #EBF2F7 url(/images/634157619318450000/twitter-plus-nsm2.gif) no-repeat 320px center;
}
#twitterRegForm input {
    width: 190px;
    border: solid 1px #69C;
}
#twitterRegButton {
	background: url(/images/634157619318450000/btn-signup.gif) no-repeat left top;
    margin-left: 10px;
	border: none;
	display: block;
    width: 96px;
    height: 32px;
	text-indent: -9999px;
}
#twitterRegButton:hover {
	background: url(/images/634157619318450000/btn-signup.gif) no-repeat left -32px;
}
a.tryItOut {
	text-indent: -9999px;
	display: block;
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -184px -643px;
	width: 200px;
	height: 40px;
	z-index: 49;
}
a.tryItOut:hover {
	background: url(/images/634157619318450000/sprites-interface.png) no-repeat -184px -603px;
}
/* FACEBOOK LANDING PAGE */
#facebook .fb_one_click {
	margin: 0 0 30px;
	border: 1px solid #E2C822;
	padding: 15px 17px 17px;
	background: #FFF9D7;
}
#facebook .fb_one_click .fb_one_heading {
	margin: 0;
	padding: 0 0 10px;
	font-size: 15px;
	font-weight: bolder;
}
#facebook .fb_one_click form {
	margin: 0;
	padding: 0;
}
#facebook .fb_one_click input {
	width: 188px;
	padding: 3px;
	font-family: "lucida grande",tahoma,sans-serif;
	font-size: 13px;
}
#facebook .fb_one_click .fb_submit {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#facebook .fb_one_click label.error {
	display: block;
	padding: 3px 0 0;
	font-family: "lucida grande",tahoma,sans-serif;
	font-size: 11px;
	color: red;
}
#facebook #messageColumn {
    float: left;
    width: 440px;
	margin: 10px 10px 0; 
    color: #3B3B3B;
}
#facebook h2 {
    color: #013467;
}
#facebook .messageUpdate {
    float: right;
    width: 200px;
	margin: 7px 0 0;
    height: auto;   
}
#ctaContainer {
    background: url(/images/634157619318450000/landing-cta-bkg.gif) no-repeat center center;
    width: 361px;
    height: 72px;
    padding: 17px 0 0;
}
#ctaContainer h3 {
    font-size: 11pt;
    margin: 0 0 7px;   
}
/* MYSPACE CONNECT */
.connectMyspaceSmall {
    background: url(/images/634157619318450000/providers/myspace/login_myspaceid.png) no-repeat left top; 
    width: 156px !important;
    height: 28px !important;  
    margin: 5px auto;
    text-indent: -9999px;
    display: block;
}
.connectMyspaceSmall:hover, .connectMyspaceLarge:hover {
    cursor: pointer;   
}
.connectMyspaceLarge {
    background: url(/images/634157619318450000/providers/myspace/btn-myspaceID-large.gif) no-repeat left top; 
    width: 228px !important;
    height: 58px !important;  
    margin: 0 auto;
    text-indent: -9999px;
    display: block;
}
/* LINKEDIN LANDING PAGE */
#linkedin #leftContent {
	float: left;
	width: 440px;
}

#linkedin #screenshot {
	float: right;
}

/* MYSPACE LANDING PAGE */
/*#myspace #bodyContent.withSidebar {
    width: 695px;
    padding: 0;   
}*/
#myspace #loginBox {
    background: #EBF2F7 url(/images/634157619318450000/providers/myspace/myspace-masthead.gif) no-repeat left top;
    border: solid 1px #D4D4D4;
    padding: 5px 5px 5px 220px;
}
#myspace #leftContent {
    float: left;
}
#myspace #loginBox p {
    background: #FFF;    
    border: solid 1px #D4D4D4;
    text-align: center;
    color: #444;
    font-style: italic;
    padding: 10px 20px 5px;
    margin: 0;
}
#myspace #blurb {
    background: url(/images/634157619318450000/providers/myspace/myspace-blurb.gif) no-repeat left top;
    width: 338px;
    height: 165px;
    text-indent: -9999px;
}
#myspace .messageUpdate {
    float: right;
}
#myspace .caption { /* SEE IE6, IE7 */
    width: 235px;
    color: #333;
    float: left;
    font-weight: bold;
    margin: 0 0 0 20px;
}

/* TWITTER LANDING PAGE - 2 */
#twitter #bodyContent.withSidebar {
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    text-align: center;
}
#twitterBanner h2 {
	margin: 0;
    color: #FFF;   
    font-size: 35px;
}
#twitterBanner {
	background: url(/images/634157619318450000/twitter-landing/twitter-banner.jpg) no-repeat left top;
	text-align: center;
	height: 350px;
	position: relative;
	padding-top: 10px;
}
#twitterBanner p.blurb {
    color: #FFF;
    font-weight: bold;
    text-align: right; 
    margin: 10px 270px 0 0; 
    padding-left: 180px;
}
.tryNow3 {
	position: absolute;
	top: 160px;
	right: 260px;
	display: block;
	width: 151px;
	height: 38px;
	background: url(/images/634157619318450000/twitter-landing/btn-try-now-boxy.png) no-repeat left top;
	text-indent: -9999px;
}
.twitterUpdateNewBtn {
	position: absolute;
	top: 185px;
	right: 260px;
	display: block;
	width: 151px;
	height: 38px;
	background: url(/images/634157619318450000/twitter-landing/btn-view-sample.png) no-repeat left top;
	text-indent: -9999px;
}
#bluebird {
    width: 270px;
    height: 200px;
    position: absolute;
    top: 150px;
    left: 0;
    background: url(/images/634157619318450000/twitter-landing/bluebird.png) no-repeat left top;   
}
h2.itsEasy {
    color: #F26522;
    text-align: center;   
    font-size: 18pt;
}
ul#twitterSteps {
    background: url(/images/634157619318450000/twitter-landing/steps-bar.gif) no-repeat left top;
    height: 136px;
    padding: 2px 0;
    color: #1c5ab3;
}
ul#twitterSteps li {
    width: 230px;
    height: 126px;
    float: left;
    border-right: solid 1px #d3d3d3;
    font-size: 16px;
    line-height: 1;
    padding-top: 10px;
    background: no-repeat center 60px;
}

ul#twitterSteps li.connect {background-image: url(/images/634157619318450000/twitter-landing/step-bird.gif);}
ul#twitterSteps li.receive {background-image: url(/images/634157619318450000/twitter-landing/step-email.gif);}
ul#twitterSteps li.done {background-image: url(/images/634157619318450000/twitter-landing/step-done.png);background-position: center 50px;}
ul#twitterSteps li.last {
    border-right: none;   
}
.twitterConnect {
    display: block;
    width: 245px;
    height: 37px;
    background: url(/images/634157619318450000/twitter-landing/btn-twitter-connect.gif) no-repeat left top;
    margin: 20px auto 0;
    text-indent: -9999px;
}
/* MODAL STYLES
===================================================================== */
div.ui-dialog {
	overflow: visible !important; /* FIXES ISSUE WHERE DIALOGS WERE MISSING TOP AND BOTTOM */
}
div.ui-widget-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #666; 
	left: 0;
	top: 0;
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
}
div.ui-resizable-handle {
	visibility: hidden;
} 
div.ui-dialog-titlebar {
	display:none;
}
.modalTopper {
	background: transparent url(/images/634157619318450000/modal_curved_top.gif) repeat-x left top;
}
.modalTopper h1, .modalTopper h2 {
	color: #FFF;
	line-height: 40px;
	margin: 0;
	padding: 0;
}
.modalBody {
	background: white;
    border: 1px solid #069;
    padding: 20px 10px 50px; /* PADDED OUT BOTTOM SO AS NOT TO CUT OFF THE ABSOLUTELY POSITIONED 'CLOSE' BUTTON, WHICH IS OUT OF DOCUMENT FLOW*/
	min-height: 200px;
}
.modalBody:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a.closeWindowDot {
	color: #FFF;
	float: right;
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 5px;
	text-decoration: none;
	text-indent: -9999px;
	background: url(/images/634157619318450000/close_circle.gif) no-repeat center center;
	display: block;
	width: 25px;
	height: 25px;
}
p.alertMessage {
	margin-bottom: 0;	/* spacing for bottom button controlled on button styling */
}

#alertSuccessSendMail .alertMessage {
	background: url(/images/634157619318450000/sendmail_sent.gif) no-repeat 170px top;
	padding: 135px 0 0;	
}
#alertFailInvalid .alertMessage {
	background: url(/images/634157619318450000/sendmail_fail.gif) no-repeat 170px top;
	padding: 135px 0 0;
}
#alertFailComm .alertMessage {
	background: url(/images/634157619318450000/server_fail.gif) no-repeat 170px top;
	padding: 135px 0 0;
}
#alertFailProvider .alertMessage {
	background: url(/images/634157619318450000/modal-bad_domain.gif) no-repeat center top;
	padding: 135px 0 0;
}
#alertFailUser .alertMessage {
	background: url(/images/634157619318450000/modal-bad_password.gif) no-repeat center top;
	padding: 135px 0 0;
}
#alertFailTimeout .alertMessage {
	background: url(/images/634157619318450000/modal-bad_password.gif) no-repeat center top;
	padding: 135px 0 0;
}

/* NSM MASCOT
===================================================================== */
.mascotDialogInit  {
    width: 505px !important;
    height: 365px !important;
    background: url(/images/634157619318450000/register/mascot-dialog-small.png) no-repeat center top;
    padding: 20px 0 0;
}
.mascotDialogInit h2 {
    margin: 20px 20px 0;
    padding: 0;
    color: #013467;
}
.mascotDialogInit p {
    margin: 10px 20px;   
}
/* JQUERY BLOCKUI
===================================================================== */
.blockUI {
	background: #69C;
	z-index: 9999;
}  
.blockUI.blockMsg.blockElement {
	border: none;
	background: transparent;
}

/* TELL A FRIEND
===================================================================== */
.tellFriendOption {
	width: 48%;
	float: left;
	/*background: #E7EDFF url(/images/634157619318450000/lite_blue_grade.gif) repeat-x left top;*/
	background: #FFF;
	padding: 10px 2px 0;
	min-height: 200px;
	margin: 3px;
}
.tellFriendOption textarea {
	width: 230px;
	margin: 0 0 10px;
}
.tellFriendOption label {
	float: none;
	width: auto;
	text-align: center;
	margin: 0 0 1.25em;
	padding: 0;
	font-size: 1.1em;
}
.tellFriendOption .emailClientsBadge {
	background: url(/images/634157619318450000/email_clients.gif) no-repeat center top;
	padding: 60px 0 0;
}
/* FOOTER
===================================================================== */
#footer {
	padding: 15px 10px 15px;
	color: #444;
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
}
#footer ul {
	margin-bottom: 10px;
}
#footer li a {
	margin: 0 5px;
	text-decoration: none;
}
#footer li {
	display: inline;
}
#footer li.first, #footer li.last { margin: 0; }


.planetRef {
    background: url(/images/634157619318450000/sprites-interface.png) no-repeat -759px -290px;
    width: 110px;
    height: 45px;
    text-indent: -9999px;
    display: block;
    margin-top: 15px;
}

/* JQUERY LISTNAV
===================================================================== */
.listNav {margin:0 0 10px; }.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

/* CONFIRMATION PAGE
===================================================================== */
#register-confirm #bodyContent, #register-confirm-new #bodyContent {
    text-align: center;
}

#shareLinks {
    height: 100px;
    width: 600px;
    margin: 0 auto;
    clear: both;
}
#shareLinks li {
    float: left;
    margin: 0 5px;
}
#shareLinks li a {
    display: block;
    width: 190px;
    height: 44px;
    background: url(/images/634157619318450000/registration/share-sprites.gif) no-repeat left top;  
    text-indent: -9999px;
}
#shareLinks li.facebook a {background-position: 0 0;}
#shareLinks li.facebook a:hover {background-position: 0 -48px;}

#shareLinks li.twitter a {background-position: -205px 0;}
#shareLinks li.twitter a:hover {background-position: -205px -48px;}

#shareLinks li.email a {background-position: -410px 0;}
#shareLinks li.email a:hover {background-position: -410px -48px;}

#requestNewEmailConfirmationForm {
    margin: 0 auto;
    width: 300px;   
}
#requestNewEmailConfirmationForm label {
    float: none;
    text-align: center;
    width: auto;
}

/* JQUERY LISTNAV
===================================================================== */
#register-confirm #customize { /* CONTAINING ELEMENT */
    text-align: center;  
    background: url(/images/634157619318450000/nsm-mascot-large.gif) no-repeat left top; 
    padding: 0 20px 75px 260px;
    height: 300px;
    min-height: 300px;
}
#register-confirm textarea {
    width: 500px;   
}
#register-confirm label {
    display: block;   
}
#confCustomize { /* LIST ITEM WITH CUSTOMIZE BUTTONS */
    width: 450px;
    margin: 80px auto 0;
    text-align: left;
}

#confCustomize li {
    float: left;
    margin: 0 35px 25px 0;   
}
#confCustomize li a {
    width: 190px;
    line-height: 40px;
    background: url(/images/634157619318450000/btn-background-190.gif) no-repeat center top;
    color: #036;
    text-decoration: none;
    font-weight: bold;
    font-size: 11pt;
    display: block;
    text-align: center;
}
#confCustomize li a:hover {
    background: url(/images/634157619318450000/btn-background-190.gif) no-repeat center -43px;
}
#confShareForm {/* THE FORM */
    clear: both;
    margin: 0 0 0 0;
}

/* REGISTER CONFIRM */
#reg-con-customize {
	padding: 20px 0 0;
}
#reg-con-customize h1 {
	display: inline;
	text-transform: none;
}
#reg-con-customize-height {
	height: 50px;
}
#reg-con-customize, #reg-con-customize select {
	font-size: 24px;
}
#reg-con-delivery-wait, #reg-con-delivery-success {
	display: none;
}
#reg-con-delivery-success {
	font-weight: bold;
	color:#264409;
}
#reg-con-examples {
	padding: 20px 0 0;
}
#reg-con-examples h1 {
	display: block;
	padding: 0 0 15px;
}
.reg-con-column {
	float: left;
	width: 50%;
}
#reg-con-examples h3 {
	margin: 0;
	margin-left: 115px;
}
#reg-con-examples p {
	margin-left: 115px;
}
#reg-con-examples img {
	float: left;
	margin-right: 15px;
	border: 1px solid #ccc;
}
.reg-con-example {
	margin: 0 25px 30px;
	text-align: left;
}